@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/jakarta-400.woff2") format("woff2");
}
@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/jakarta-500.woff2") format("woff2");
}
@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/jakarta-600.woff2") format("woff2");
}
@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/jakarta-700.woff2") format("woff2");
}
@font-face {
    font-family: "Arcanis Manrope";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/manrope-400.woff2") format("woff2");
}
@font-face {
    font-family: "Arcanis Manrope";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/manrope-500.woff2") format("woff2");
}

:root {
    color-scheme: dark;

    --an-bg: #1b1822;
    --an-surface: #24202c;
    --an-surface-2: #2c2735;
    --an-surface-3: #3a3346;
    --an-border: #353040;
    --an-border-strong: #4a4257;

    --an-accent: #c084fc;
    --an-accent-hover: #d4a8ff;
    --an-accent-soft: rgba(192, 132, 252, 0.12);
    --an-accent-line: rgba(192, 132, 252, 0.4);
    --an-accent-ink: #1b1822;

    --an-bar: var(--an-accent);
    --an-bar-ink: var(--an-accent-ink);

    --an-secondary: #9aa8ff;
    --an-secondary-line: rgba(154, 168, 255, 0.35);

    --an-buff: #6ee7a8;
    --an-nerf: #ff8f8f;
    --an-added: #f0c674;

    --an-text: #f7f2ff;
    --an-text-body: #e1dbea;
    --an-text-muted: #a69db4;
    --an-text-faint: #7a7288;

    --an-logo-filter: none;

    --an-font-body: var(--gh-font-body, "Plus Jakarta Sans", "Segoe UI", Roboto, sans-serif);
    --an-font-display: var(--gh-font-heading, "Arcanis Manrope", "Plus Jakarta Sans", "Segoe UI", sans-serif);
    --an-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

    --an-hero-height: clamp(280px, 26vw, 440px);
    --an-content-width: 1200px;
    --an-header-height: 52px;
    --an-radius: 10px;
    --an-radius-sm: 6px;
    --an-transition: 0.15s ease;
    --an-icon-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M12 2.6v2.4M12 19v2.4M21.4 12H19M5 12H2.6M18.7 5.3l-1.7 1.7M7 17l-1.7 1.7M18.7 18.7 17 17M7 7 5.3 5.3'/%3E%3C/svg%3E");
    --an-icon-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 13.2A9 9 0 1 1 10.8 3a7.2 7.2 0 0 0 10.2 10.2z'/%3E%3C/svg%3E");
    --an-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 5 16 12 9 19'/%3E%3C/svg%3E");
}