/* okuyorum.net — Tasarım Sistemi v2 "Kâğıt"
   Tek kaynak: renk, tipografi, aralık, köşe, gölge token'ları.
   Açık tema varsayılan; [data-theme="dark"] gece kâğıdı. */

:root {
    color-scheme: light;

    /* Zemin ve yüzeyler */
    --ground: #F3EEE5;
    --paper: #FBF8F2;
    --card: #FFFDF9;
    --sunken: #EDE6DA;
    --line: #E4DBCC;
    --line-strong: #D3C6B2;

    /* Metin */
    --ink: #1F1B16;
    --ink-2: #4F473D;
    --muted: #6B6256;
    --on-accent: #FFFFFF;

    /* Vurgu: Bakır */
    --accent: #A0501C;
    --accent-hover: #87421A;
    --accent-soft: #F3E3D2;
    --accent-ink: #7A3A12;
    --focus-ring: rgba(160, 80, 28, 0.35);

    /* Durum */
    --success: #2F5A3B;
    --success-soft: #E3ECE3;
    --warning: #8A5A0C;
    --warning-soft: #F6EBD3;
    --danger: #A33A2E;
    --danger-soft: #F6E1DD;
    --highlight: #FBEFB8;

    /* Tipografi */
    --font-serif: 'Literata', Georgia, 'Times New Roman', serif;
    --font-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --fs-display: clamp(2.5rem, 5vw, 4rem);
    --fs-h1: clamp(1.9rem, 3vw, 2.5rem);
    --fs-h2: 1.625rem;
    --fs-h3: 1.125rem;
    --fs-read: 1.1875rem;
    --fs-body: 0.9375rem;
    --fs-small: 0.8125rem;

    /* Aralık (4 tabanlı) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;

    /* Köşe */
    --r-badge: 6px;
    --r-control: 10px;
    --r-card: 16px;
    --r-reader: 24px;
    --r-pill: 999px;

    /* Gölge */
    --shadow-raised: 0 1px 2px rgba(31, 27, 22, .06), 0 8px 24px rgba(31, 27, 22, .08);
    --shadow-float: 0 1px 2px rgba(31, 27, 22, .06), 0 18px 48px rgba(31, 27, 22, .14);

    --container: 1240px;
    --control-h: 44px;
}

[data-theme="dark"] {
    color-scheme: dark;

    --ground: #15120E;
    --paper: #1D1914;
    --card: #241F19;
    --sunken: #2C261F;
    --line: #352E25;
    --line-strong: #4A4134;

    --ink: #F0E8DA;
    --ink-2: #C9BEAD;
    --muted: #A0957F;
    --on-accent: #1F1B16;

    --accent: #E2894F;
    --accent-hover: #EC9C66;
    --accent-soft: #3A2617;
    --accent-ink: #F2B98F;
    --focus-ring: rgba(226, 137, 79, 0.4);

    --success: #9CCBA6;
    --success-soft: #1F3326;
    --warning: #E8C27A;
    --warning-soft: #3A2E15;
    --danger: #F09A8E;
    --danger-soft: #3D1F1A;
    --highlight: #4A3F14;

    --shadow-raised: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
    --shadow-float: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 48px rgba(0, 0, 0, .5);
}