@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;
    /* Taş tonları (light): kireçtaşı / traverten / granit tozu */
    background-color: #d8d4cc;
    --bg-primary: #e7e3db;
    --bg-secondary: #d4d0c8;
    --bg-elevated: rgba(248, 246, 241, 0.88);
    --glass-bg: rgba(248, 246, 241, 0.58);
    --glass-bg-strong: rgba(252, 250, 246, 0.92);
    --glass-line: rgba(110, 104, 94, 0.22);
    --glass-shadow: 0 18px 40px rgba(40, 38, 34, 0.14);
    --page-bg:
        radial-gradient(720px 460px at 68% 38%, rgba(180, 176, 166, 0.28), transparent 64%),
        radial-gradient(640px 420px at 22% 72%, rgba(150, 154, 148, 0.18), transparent 62%),
        radial-gradient(900px 520px at 4% -6%, rgba(210, 206, 196, 0.42), transparent 56%),
        linear-gradient(165deg, #efece6, #d9d5cd 52%, #e8e4dc);
    --text-primary: #1c1b19;
    --text-secondary: #3a3833;
    --text-tertiary: #5e5a52;
    --border-color: rgba(110, 104, 94, 0.20);
    --shadow: var(--glass-shadow);
    --accent: #8f826c;
    --accent-text: #5c5344;
    --accent-contrast: #f7f4ee;
    --accent-2: #7a6f5d;
    --on-accent-2: #f7f4ee;
    --accent-soft: rgba(143, 130, 108, 0.18);
    --gold-soft: rgba(143, 130, 108, 0.12);
    --glow-a: rgba(190, 186, 176, 0.36);
    --glow-b: rgba(140, 148, 142, 0.28);
    --glow-c: rgba(220, 216, 206, 0.40);
    --success: #2f6b48;
    --warning: #9a6a2a;
    --danger: #a13d3d;
    --positive: #2f6b48;
    --negative: #a13d3d;
    --nav-bg: rgba(248, 246, 241, 0.76);
    --nav-ink: #2a2824;
    --nav-active: #8f826c;
    --nav-active-text: #1c1b19;
    --overlay: rgba(28, 27, 24, 0.40);
    --chart: #8f826c;
    --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;
    /* Taş tonları: granit / arduvaz / kireçtaşı — soğuk mavi-mor yok */
    background-color: #151618;
    --bg-primary: #121314;
    --bg-secondary: #1b1d20;
    --bg-elevated: rgba(42, 44, 48, 0.58);
    --glass-bg: rgba(32, 34, 38, 0.52);
    --glass-bg-strong: rgba(22, 24, 27, 0.84);
    --glass-line: rgba(196, 186, 168, 0.16);
    --glass-shadow: 0 16px 36px rgba(0, 0, 0, 0.46);
    --page-bg:
        radial-gradient(820px 480px at 10% -8%, rgba(170, 168, 160, 0.16), transparent 58%),
        radial-gradient(700px 420px at 96% 6%, rgba(120, 118, 110, 0.14), transparent 54%),
        radial-gradient(640px 400px at 48% 110%, rgba(88, 96, 92, 0.12), transparent 52%),
        linear-gradient(165deg, #1a1b1e, #101113 52%, #18191c);
    --text-primary: #eceae6;
    --text-secondary: #c8c4bc;
    --text-tertiary: #949088;
    --border-color: rgba(196, 186, 168, 0.15);
    --shadow: var(--glass-shadow);
    --accent: #c4b59a;
    --accent-text: #e6dcc8;
    --accent-contrast: #161513;
    --accent-2: #9a8f7c;
    --on-accent-2: #f4f1ea;
    --accent-soft: rgba(196, 181, 154, 0.20);
    --gold-soft: rgba(196, 181, 154, 0.12);
    --glow-a: rgba(180, 176, 166, 0.22);
    --glow-b: rgba(120, 116, 108, 0.18);
    --glow-c: rgba(210, 204, 190, 0.14);
    --success: #6bbf8a;
    --warning: #d2a56a;
    --danger: #d98080;
    --positive: #6bbf8a;
    --negative: #d98080;
    --nav-bg: rgba(18, 19, 21, 0.62);
    --nav-ink: #eceae6;
    --nav-active: #c4b59a;
    --nav-active-text: #161513;
    --overlay: rgba(8, 8, 9, 0.58);
    --chart: #c4b59a;
}