/* ==========================================================================
   KeyDesignArt — Tasarım belirteçleri
   Bu dosya yalnızca değişken tanımlar. Görsel kural yazılmaz.
   Katman sırası dosya yükleme sırasından bağımsızdır: sonraki katman öncekini ezer.
   Kabuk (layout) bileşen varsayılanlarını, bölümler (sections) ikisini birden ezer.
   ========================================================================== */

@layer tokens, base, components, layout, sections, utilities;

/* Yazı tipleri (SIL OFL 1.1 — bkz. /fonts/OFL-Poppins.txt, /fonts/OFL-Antonio.txt)
   Gövde/arayüz: Poppins (300/400/500/600/700 — statik kesimler)
   Başlıklar:    Antonio Variable (wght 100..700, doğası gereği dar)
   Her ailede iki alt küme: latin + latin-ext (Türkçe karakterler latin-ext'te)
   -------------------------------------------------------------------------- */
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/poppins-300-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/poppins-300-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;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/poppins-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/poppins-400-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;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/poppins-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/poppins-500-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;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/poppins-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/poppins-600-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;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/poppins-700-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/poppins-700-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;
}

@font-face {
    font-family: "Antonio";
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url("/fonts/antonio-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Antonio";
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url("/fonts/antonio-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;
}

@layer tokens {

    :root {
        color-scheme: dark;

        /* Yüzeyler
           ------------------------------------------------------------------ */
        --kda-bg: #08090a;
        --kda-bg-deep: #050506;
        --kda-surface: #0f1113;
        --kda-surface-2: #16181c;
        --kda-surface-3: #1d2026;
        --kda-glass: rgba(255, 255, 255, 0.04);
        --kda-glass-strong: rgba(255, 255, 255, 0.07);

        /* Çizgiler
           ------------------------------------------------------------------ */
        --kda-line: rgba(255, 255, 255, 0.09);
        --kda-line-strong: rgba(255, 255, 255, 0.17);

        /* Metin
           ------------------------------------------------------------------ */
        --kda-ink: #ffffff;
        --kda-ink-soft: #c7cbd1;
        --kda-ink-muted: #9aa0a6;
        /* ⚠️ En soluk ton, en KÜÇÜK metinlerde kullanılıyor (tarih, okuma
           süresi, künye etiketi, form notu; ölçülen boyutlar 11–18 px). Eski
           değer #6b7178 idi ve tarayıcıda ölçülen kontrastı 3,31–4,13'tü —
           WCAG AA'nın normal metin için istediği 4,5'in ALTINDA. Bu değerle
           en kötü durum 4,89. Daha koyuya çekilirse sav düşer. */
        --kda-ink-faint: #898d93;
        --kda-on-accent: #0a0a0b;

        /* Vurgu — neon sarı
           ------------------------------------------------------------------ */
        --kda-accent: #ffe600;
        --kda-accent-bright: #fbff3a;
        --kda-accent-deep: #c9b300;
        --kda-accent-ghost: rgba(255, 230, 0, 0.14);
        --kda-accent-glow: rgba(255, 230, 0, 0.45);

        /* Durum
           ------------------------------------------------------------------ */
        --kda-danger: #ff7b72;
        --kda-success: #56d364;

        /* Yazı tipi aileleri
           ------------------------------------------------------------------ */
        --kda-font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --kda-font-display: "Antonio", "Poppins", "Arial Narrow", system-ui, sans-serif;
        --kda-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

        /* Yazı ölçeği
           ------------------------------------------------------------------ */
        --kda-text-2xs: 0.6875rem;
        --kda-text-xs: 0.75rem;
        --kda-text-sm: 0.8125rem;
        --kda-text-md: 0.9375rem;
        --kda-text-base: 1rem;
        --kda-text-lg: clamp(1.05rem, 0.99rem + 0.28vw, 1.2rem);
        --kda-text-xl: clamp(1.2rem, 1.08rem + 0.6vw, 1.55rem);
        --kda-text-2xl: clamp(1.55rem, 1.28rem + 1.3vw, 2.3rem);
        --kda-text-3xl: clamp(2rem, 1.55rem + 2.2vw, 3.25rem);
        --kda-text-display: clamp(2.4rem, 1.2rem + 4.8vw, 4.9rem);

        /* Satır yüksekliği ve harf aralığı
           ------------------------------------------------------------------ */
        --kda-leading-tight: 0.92;
        --kda-leading-snug: 1.2;
        --kda-leading-normal: 1.65;
        --kda-tracking-display: -0.005em;
        --kda-tracking-tight: -0.012em;
        --kda-tracking-wide: 0.08em;
        --kda-tracking-wider: 0.18em;

        /* Kalınlık ve genişlik eksenleri
           ------------------------------------------------------------------ */
        --kda-weight-light: 300;
        --kda-weight-regular: 400;
        --kda-weight-medium: 500;
        --kda-weight-semibold: 600;
        --kda-weight-bold: 700;

        /* Boşluk
           ------------------------------------------------------------------ */
        --kda-space-1: 0.25rem;
        --kda-space-2: 0.5rem;
        --kda-space-3: 0.75rem;
        --kda-space-4: 1rem;
        --kda-space-5: 1.5rem;
        --kda-space-6: 2rem;
        --kda-space-7: 2.75rem;
        --kda-space-8: 3.5rem;
        --kda-space-9: 4.5rem;
        --kda-space-10: 6rem;
        --kda-space-11: 8rem;

        /* Ölçüler
           ------------------------------------------------------------------ */
        --kda-shell: 90rem;
        --kda-gutter: clamp(1.25rem, 0.6rem + 3.4vw, 4rem);
        --kda-measure: 62ch;
        --kda-measure-narrow: 42ch;
        --kda-header-height: 4.75rem;
        --kda-control-height: 2.25rem;

        /* Köşe yarıçapı
           ------------------------------------------------------------------ */
        --kda-radius-xs: 6px;
        --kda-radius-sm: 10px;
        --kda-radius-md: 16px;
        --kda-radius-lg: 24px;
        --kda-radius-xl: 32px;
        --kda-radius-pill: 999px;
        --kda-radius-button: 6px;

        /* Gölge
           ------------------------------------------------------------------ */
        --kda-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
        --kda-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
        --kda-shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.55);
        --kda-shadow-accent: 0 18px 44px rgba(245, 64, 14, 0.32);

        /* Hareket
           ------------------------------------------------------------------ */
        --kda-ease: cubic-bezier(0.16, 1, 0.3, 1);
        --kda-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
        --kda-dur-fast: 160ms;
        --kda-dur-base: 320ms;
        --kda-dur-slow: 640ms;

        /* Katman sırası
           ------------------------------------------------------------------ */
        --kda-z-base: 1;
        --kda-z-sticky: 100;
        --kda-z-overlay: 200;
        --kda-z-header: 300;
        --kda-z-skip: 400;

        /* Doku ve desenler
           ------------------------------------------------------------------ */
        --kda-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
        --kda-speckle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.74 0 0 0 0 0.54 2.6 0 0 0 -1.62'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23s)'/%3E%3C/svg%3E");
        --kda-shapes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='420' fill='none'%3E%3Ccircle cx='150' cy='372' r='185' fill='%23ffffff' fill-opacity='.030'/%3E%3Ccircle cx='296' cy='74' r='84' fill='%23ffffff' fill-opacity='.022'/%3E%3Ccircle cx='1286' cy='118' r='214' stroke='%23ffffff' stroke-opacity='.055' stroke-width='2'/%3E%3Ccircle cx='1160' cy='362' r='104' stroke='%23ffe600' stroke-opacity='.10' stroke-width='2'/%3E%3Ccircle cx='1052' cy='40' r='46' fill='%23ffffff' fill-opacity='.018'/%3E%3Cg stroke='%23ffffff' stroke-opacity='.11' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M905 58h24M917 46v24'/%3E%3Cpath d='M1372 296h18M1381 287v18'/%3E%3Cpath d='M74 132h16M82 124v16'/%3E%3Cpath d='M470 356h20M480 346v20'/%3E%3C/g%3E%3C/svg%3E");
    }

}