/*
 * iddia tahkik — tasarim jetonlari
 *
 * Yon: "tenkitli nesir" — incelenen metin ortada, tenkit aparati cevresinde.
 * Zemin murekkep indigosu, metin parsomen sicakliginda, arayuz vurgusu lapis.
 * Hukum renkleri (yesil→kirmizi) veritabanindan gelir ve sayfadaki TEK doygun
 * seydir; bu yuzden arayuz rengi o eksenden uzak tutulur.
 */

:root {
    color-scheme: dark;

    /* --- Zemin ve yuzeyler: demir mazi murekkebi --- */
    --ink-900: #0d1020;   /* sayfa zemini */
    --ink-850: #12162a;   /* yukseltilmis yuzey */
    --ink-800: #171d36;   /* kart */
    --ink-700: #222a4a;   /* cizgi/kenarlik */
    --ink-600: #2f3961;   /* belirgin kenarlik */

    /* --- Metin: parsomen --- */
    --paper:      #ece4d4;   /* birincil metin */
    --paper-soft: #c9c3b8;   /* ikincil metin */
    --paper-dim:  #8e90a6;   /* ucuncul, etiket, ustbilgi */

    /* --- Arayuz vurgusu: lapis (degerli pigment, yalniz onemli isaret) --- */
    --lapis:        #5560e6;
    --lapis-bright: #8189ff;
    --lapis-dim:    rgba(85, 96, 230, 0.16);

    /* --- Cetvel ekseni (yalniz gradyan icin; kademe renkleri DB'den gelir) --- */
    --scale-false: #c62828;
    --scale-mid:   #c99a2e;
    --scale-true:  #1f9d55;
    --scale-void:  #6b7280;   /* Kanitlanamaz — eksen disi */

    /* --- Tipografi --- */
    --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
    --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Akiskan olcek — 1.2 orani, 360px→1200px arasi */
    --text-xs:  0.75rem;
    --text-sm:  0.875rem;
    --text-base: 1rem;
    --text-md:  clamp(1.05rem, 0.99rem + 0.28vw, 1.2rem);
    --text-lg:  clamp(1.25rem, 1.12rem + 0.55vw, 1.55rem);
    --text-xl:  clamp(1.5rem, 1.24rem + 1.1vw, 2.1rem);
    --text-2xl: clamp(1.9rem, 1.4rem + 2.1vw, 3rem);
    --text-3xl: clamp(2.4rem, 1.6rem + 3.4vw, 4.2rem);

    /* --- Bosluk --- */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs:  0.75rem;
    --space-sm:  1rem;
    --space-md:  1.5rem;
    --space-lg:  2.25rem;
    --space-xl:  3.5rem;
    --space-2xl: 5.5rem;

    /* --- Yerlesim --- */
    --measure: 38rem;        /* okuma genisligi */
    --page-max: 72rem;
    --gutter: clamp(1rem, 0.6rem + 2vw, 2.5rem);

    /* --- Kenar ve golge --- */
    --radius-sm: 4px;
    --radius: 8px;
    --radius-lg: 14px;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 32px -18px rgba(0, 0, 0, 0.9);

    --ring: 2px solid var(--lapis-bright);
    --ring-offset: 2px;
}

/*
 * Public yayin yuzeyi — "gunduz editoryali".
 * Admin koyu kok tokenlarini kullanmaya devam eder; yalniz .site kapsami
 * porselen/kagit yuzeylere gecer. Eski semantik degisken adlari korunarak
 * mevcut bilesenler tek tek yeniden yazilmaz.
 */
.site {
    color-scheme: light;

    --paper: #f4f1eb;
    --surface: #ffffff;
    --surface-sunk: #edeae2;
    --ink: #13252a;
    --ink-2: #3f585e;
    --ink-3: #556b70;
    --line: #ddd7cc;
    --line-soft: #ebe7de;

    --brand: #0d7885;
    --brand-deep: #0a4e58;
    --brand-soft: #dceaeb;
    --brand-ghost: #eaf2f2;

    --invert-bg: #0a4e58;
    --invert-ink: #ffffff;
    --invert-ink-2: #b4d8dc;
    --invert-label: #8fc4cc;
    --invert-chip: #083c45;
    --invert-line: #1e6570;
    --btn-ink: #ffffff;

    --verdict-dogru: #12744a;
    --verdict-dogru-bg: #e1f0e7;
    --verdict-kismen: #8a6a08;
    --verdict-kismen-bg: #f5edd6;
    --verdict-yaniltici: #b25c17;
    --verdict-yaniltici-bg: #f8e7d8;
    --verdict-yanlis: #be3326;
    --verdict-yanlis-bg: #f9e2de;
    --verdict-dogrulanamadi: #4c666c;
    --verdict-dogrulanamadi-bg: #e6ebea;
    --verdict-kanitsiz: #4c666c;
    --verdict-kanitsiz-bg: transparent;

    --band-1: #c4392b;
    --band-2: #d5761d;
    --band-3: #d0a50e;
    --band-4: #3d97a4;
    --band-5: #0a4e58;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;

    --radius-md: 0.625rem;
    --radius-pill: 999px;
    --font-display: 'Familjen Grotesk', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
    --measure: 66ch;
    --shell: 72.5rem;

    /* Onceki public bilesenler ile admin disi gecis uyumlulugu. */
    --ink-900: var(--paper);
    --ink-850: var(--surface);
    --ink-800: var(--surface);
    --ink-700: var(--line);
    --ink-600: var(--ink-3);
    --paper-soft: var(--ink-2);
    --paper-dim: var(--ink-3);
    --lapis: var(--brand);
    --lapis-bright: var(--brand-deep);
    --lapis-dim: var(--brand-ghost);
    --coral: var(--verdict-yaniltici);
    --paper-0: var(--surface);
    --paper-50: var(--surface-sunk);
    --page-max: var(--shell);
    --gutter: var(--space-5);
    --radius: var(--radius-md);
    --shadow-card: none;
    --ring: 2px solid var(--brand);
    --ring-offset: 3px;
    --space-3xs: var(--space-1);
    --space-2xs: var(--space-2);
    --space-xs: var(--space-3);
    --space-sm: var(--space-4);
    --space-md: var(--space-5);
    --space-lg: var(--space-6);
    --space-xl: var(--space-8);
    --space-2xl: var(--space-9);
}

/*
 * Tarayici arayuzu (kaydirma cubugu, form kontrolleri, tuval) secili public
 * temayi izler. Yonetim paneli <html> uzerinde data-theme tasimadigi icin
 * :root'taki koyu color-scheme'i kullanmaya devam eder.
 */
html[data-theme='light'] { color-scheme: light; }
html[data-theme='dark']  { color-scheme: dark; }

html[data-theme='dark'] .site {
    color-scheme: dark;
    --paper: #0c1a1d;
    --surface: #132528;
    --surface-sunk: #0f2023;
    --ink: #e9eeec;
    --ink-2: #a9bec0;
    --ink-3: #7e9599;
    --line: #22383c;
    --line-soft: #1b2e32;
    --brand: #54bac6;
    --brand-deep: #96dae1;
    --brand-soft: #17343a;
    --brand-ghost: #12292e;
    --invert-bg: #102a2f;
    --invert-ink: #eaf6f7;
    --invert-ink-2: #a2c7cc;
    --invert-label: #6e979e;
    --invert-chip: #0a1f23;
    --invert-line: #28474d;
    --btn-ink: #06222a;
    --verdict-dogru: #5dc48c;
    --verdict-dogru-bg: #12332a;
    --verdict-kismen: #d9b65a;
    --verdict-kismen-bg: #332c13;
    --verdict-yaniltici: #e39358;
    --verdict-yaniltici-bg: #33231a;
    --verdict-yanlis: #e97a6c;
    --verdict-yanlis-bg: #341c1b;
    --verdict-dogrulanamadi: #9db3b7;
    --verdict-dogrulanamadi-bg: #1d3034;
    --verdict-kanitsiz: #9db3b7;
    --band-1: #d2564a;
    --band-2: #de8c3b;
    --band-3: #d7b33a;
    --band-4: #54aeba;
    --band-5: #8acfd7;
}

/*
 * Yazi tipleri projede barindirilir (public/assets/fonts/).
 * Dosyalar yoksa yukaridaki yedek yigin devreye girer ve sayfa dogru gorunur.
 * Ayni TTF'ler GD kart motoru tarafindan da kullanilir — bkz. fonts/README.md
 */
@font-face {
    font-family: 'Familjen Grotesk';
    src: url('/assets/fonts/FamiljenGrotesk-Variable.ttf') format('truetype');
    font-weight: 400 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('/assets/fonts/InstrumentSans-Variable.ttf') format('truetype');
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Fraunces';
    src: url('/assets/fonts/Fraunces-Variable.woff2') format('woff2-variations');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
    unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20BA, U+2122;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/assets/fonts/IBMPlexSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('/assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('/assets/fonts/IBMPlexMono-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}