@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/outfit-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/outfit-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root,

html[data-theme="light"] {

    color-scheme: light;

    background-color: #e6dfd6;

    --bg-primary: #f1ebe4;

    --bg-secondary: #e4dcd3;

    --bg-elevated: rgba(255, 252, 248, 0.84);

    --glass-bg: rgba(255, 252, 248, 0.55);

    --glass-bg-strong: rgba(255, 251, 247, 0.9);

    --glass-line: rgba(132, 114, 96, 0.28);

    --glass-shadow: 0 18px 40px rgba(48, 34, 18, 0.18);

    --page-bg:

        radial-gradient(720px 460px at 68% 38%, rgba(214, 186, 150, 0.28), transparent 64%),

        radial-gradient(640px 420px at 22% 72%, rgba(150, 170, 184, 0.22), transparent 62%),

        radial-gradient(900px 520px at 4% -6%, rgba(232, 214, 190, 0.45), transparent 56%),

        linear-gradient(165deg, #f7f3ee, #e3dbd2 52%, #efe8e0);

    --text-primary: #1a140f;

    --text-secondary: #3c3228;

    --text-tertiary: #5a4c40;

    --border-color: rgba(116, 100, 84, 0.22);

    --shadow: var(--glass-shadow);

    --accent: #b8893d;

    --accent-text: #6a4c1c;

    --accent-contrast: #1b140c;

    --accent-2: #b85a3a;

    --on-accent-2: #fffdf9;

    --accent-soft: rgba(184, 137, 61, 0.2);

    --gold-soft: rgba(184, 137, 61, 0.14);

    --glow-a: rgba(214, 186, 150, 0.38);

    --glow-b: rgba(72, 128, 162, 0.55);

    --glow-c: rgba(236, 220, 198, 0.42);

    --success: #176b3c;

    --warning: #b56a22;

    --danger: #b43333;

    --positive: #176b3c;

    --negative: #b43333;

    --nav-bg: rgba(255, 252, 248, 0.74);

    --nav-ink: #2a221b;

    --nav-active: #8d6e3a;

    --nav-active-text: #1b140c;

    --overlay: rgba(28, 20, 12, 0.42);

    --chart: #b8893d;

    --radius: 22px;

    --radius-sm: 14px;

    --font: Outfit, "Segoe UI", system-ui, sans-serif;

    --display: Outfit, "Segoe UI", system-ui, sans-serif;

    --space: 16px;

    --nav-h: calc(112px + env(safe-area-inset-bottom));

}

html[data-theme="dark"] {
    color-scheme: dark;
    background-color: #1a3052;
    --bg-primary: #0d1526;
    --bg-secondary: #121c30;
    --bg-elevated: rgba(22, 36, 62, 0.34);
    --glass-bg: rgba(16, 28, 50, 0.32);
    --glass-bg-strong: rgba(12, 22, 40, 0.48);
    --glass-line: rgb(255 255 255 / 8%);
    --glass-shadow: 0 14px 30px rgba(2, 6, 14, 0.32);
    --page-bg:
        radial-gradient(860px 500px at 0% -8%, rgba(96, 150, 220, 0.38), transparent 56%),
        radial-gradient(720px 440px at 100% 4%, rgba(126, 96, 210, 0.26), transparent 52%),
        radial-gradient(680px 420px at 48% 112%, rgba(64, 128, 196, 0.24), transparent 50%),
        linear-gradient(165deg, #152238, #0c1424 54%, #182844);
    --text-primary: #ffffff;
    --text-secondary: #ffffff;
    --text-tertiary: rgba(255, 255, 255, 0.78);
    --border-color: rgb(255 255 255 / 8%);
    --shadow: var(--glass-shadow);
    --accent: #8eb4e8;
    --accent-text: #d5e7fb;
    --accent-contrast: #0c1422;
    --accent-2: #6ea2d6;
    --on-accent-2: #ffffff;
    --accent-soft: rgba(142, 180, 232, 0.22);
    --gold-soft: rgba(142, 180, 232, 0.16);
    --glow-a: rgba(120, 170, 230, 0.42);
    --glow-b: rgba(150, 120, 220, 0.28);
    --glow-c: rgba(90, 140, 210, 0.34);
    --success: #3dce7a;
    --warning: #e0a06a;
    --danger: #ff7088;
    --positive: #3dce7a;
    --negative: #ff7088;
    --nav-bg: rgba(14, 24, 42, 0.42);
    --nav-ink: #ffffff;
    --nav-active: #8eb4e8;
    --nav-active-text: #ffffff;
    --overlay: rgba(6, 10, 18, 0.46);
    --chart: #8eb4e8;
}