@font-face {
    font-family: "Inter";
    src: url("../vendor/fonts/inter/inter-latin-wght-normal.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito Sans";
    src: url("../vendor/fonts/nunito-sans/nunito-sans-latin-wght-normal.woff2") format("woff2");
    font-weight: 200 1000;
    font-style: normal;
    font-display: swap;
}

:root,
[data-bs-theme="dark"] {
    --ac-font-body: "Inter", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --ac-font-display: "Nunito Sans", "Inter", system-ui, sans-serif;

    --ac-bg: #07080d;
    --ac-bg-2: #0c1017;
    --ac-panel: #101116;
    --ac-panel-2: #17181f;
    --ac-input: #0d0e14;
    --ac-sidebar: #090c11;
    --ac-sidebar-soft: #11161d;
    --ac-sidebar-hover: #181e26;

    --ac-lime: #c8ff00;
    --ac-lime-2: #dfff00;
    --ac-lime-deep: #aee700;
    --ac-cyan: #00d9ff;
    --ac-pink: #ff3d9a;
    --ac-orange: #ff8a00;
    --ac-danger: #ff3b4f;
    --ac-danger-soft: #ff8793;

    --ac-text: #ffffff;
    --ac-text-soft: #c9d1dc;
    --ac-text-dim: rgba(255, 255, 255, 0.66);
    --ac-text-faint: #818c9d;
    --ac-on-lime: #0a0d08;

    --ac-line-accent: rgba(200, 255, 0, 0.24);
    --ac-line-accent-soft: rgba(200, 255, 0, 0.14);
    --ac-line: rgba(255, 255, 255, 0.1);
    --ac-line-faint: rgba(255, 255, 255, 0.07);

    --ac-grad-lime: linear-gradient(135deg, #d8ff31 0%, #c7f514 58%, #aee700 100%);
    --ac-grad-panel: linear-gradient(135deg, rgba(18, 19, 26, 0.96), rgba(8, 9, 14, 0.94));
    --ac-grad-hairline: linear-gradient(90deg, transparent, rgba(200, 255, 0, 0.5), transparent);

    --ac-r-pill: 999px;
    --ac-r-input: 14px;
    --ac-r-btn: 14px;
    --ac-r-card: 24px;
    --ac-r-hero: 32px;

    --ac-shadow-lg: 0 26px 80px rgba(0, 0, 0, 0.36);
    --ac-shadow-sm: 0 14px 34px rgba(0, 0, 0, 0.22);
    --ac-glow-lime: 0 16px 34px rgba(200, 255, 0, 0.16);
    --ac-glow-lime-hover: 0 20px 40px rgba(200, 255, 0, 0.22);
    --ac-focus-ring: 0 0 0 4px rgba(200, 255, 0, 0.12);

    --ac-topbar-h: 72px;
    --ac-sidebar-w: 276px;
    --ac-ease: 180ms ease;

    --bs-body-font-family: var(--ac-font-body);
    --bs-body-bg: var(--ac-bg);
    --bs-body-bg-rgb: 7, 8, 13;
    --bs-body-color: var(--ac-text-soft);
    --bs-body-color-rgb: 201, 209, 220;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-heading-color: #ffffff;
    --bs-secondary-color: var(--ac-text-dim);
    --bs-secondary-bg: var(--ac-panel-2);
    --bs-tertiary-bg: var(--ac-panel);
    --bs-border-color: var(--ac-line);
    --bs-border-color-translucent: var(--ac-line);
    --bs-primary: #c8ff00;
    --bs-primary-rgb: 200, 255, 0;
    --bs-link-color: #c8ff00;
    --bs-link-color-rgb: 200, 255, 0;
    --bs-link-hover-color: #dfff00;
    --bs-link-hover-color-rgb: 223, 255, 0;
    --bs-danger: #ff3b4f;
    --bs-danger-rgb: 255, 59, 79;
    --bs-info: #00d9ff;
    --bs-info-rgb: 0, 217, 255;
    --bs-warning: #ff8a00;
    --bs-warning-rgb: 255, 138, 0;
    --bs-success: #c8ff00;
    --bs-success-rgb: 200, 255, 0;
    --bs-border-radius: 14px;
    --bs-border-radius-lg: 20px;
    --bs-border-radius-xl: 24px;
    --bs-focus-ring-color: rgba(200, 255, 0, 0.18);
    --bs-code-color: #00d9ff;
}