/* Hallmark · tokens — Profu' de germană design system ("Tinte" · editorial)
 * Genre: editorial · Theme: custom (ivory paper · warm ink · fountain-pen indigo)
 * Paper-band: light · Display: editorial-serif (Fraunces) · Accent hue: cool-indigo
 * Source of truth: design.md at repo root. Reference tokens by name; raw
 * color/font values do not appear outside this file. */

:root {
    /* ---- color · paper & ink (warm ivory, book-page anchor) ---- */
    --color-paper: oklch(97.4% 0.008 88);       /* ivory app ground */
    --color-surface: oklch(99.1% 0.005 90);     /* card surface (never pure #fff) */
    --color-paper-2: oklch(94.3% 0.011 84);     /* tinted band / hover */
    --color-rule: oklch(88% 0.012 82);          /* hairline borders */
    --color-rule-2: oklch(78% 0.014 78);        /* strong borders */
    --color-ink: oklch(24% 0.012 62);           /* primary text — warm near-black */
    --color-ink-2: oklch(43% 0.014 62);         /* secondary text */
    --color-ink-3: oklch(53% 0.014 66);         /* captions/labels (>=4.5:1 on paper) */

    /* ---- color · accent (fountain-pen indigo — marks, active, never a flood) ---- */
    --color-accent: oklch(47% 0.12 264);
    --color-accent-deep: oklch(38% 0.12 264);   /* text-grade */
    --color-accent-tint: oklch(93.5% 0.028 264);/* wash surface */

    /* ---- color · focus (saturated indigo sibling — never animated) ---- */
    --color-focus: oklch(50% 0.18 262);
    --color-focus-tint: oklch(92% 0.035 262);

    /* ---- correction taxonomy · one hue per error category ----
     * Always paired with a text label — never colour alone. `-tint` = chip bg. */
    --err-grammatik: oklch(53% 0.18 27);        /* Gramatică — red-rust */
    --err-grammatik-tint: oklch(94% 0.04 27);
    --err-kasus: oklch(50% 0.16 300);           /* Caz & gen — violet */
    --err-kasus-tint: oklch(94% 0.035 300);
    --err-wortstellung: oklch(55% 0.14 60);     /* Topică — amber */
    --err-wortstellung-tint: oklch(94.5% 0.05 72);
    --err-rechtschreibung: oklch(54% 0.17 352); /* Ortografie — magenta */
    --err-rechtschreibung-tint: oklch(94% 0.04 352);
    --err-wortwahl: oklch(50% 0.10 190);        /* Vocabular — teal */
    --err-wortwahl-tint: oklch(93.5% 0.03 190);
    --err-zeichensetzung: oklch(52% 0.13 245);  /* Punctuație — blue */
    --err-zeichensetzung-tint: oklch(93.5% 0.035 245);
    --err-lob: oklch(50% 0.12 150);             /* Bine! — green */
    --err-lob-tint: oklch(93.5% 0.045 150);

    /* ---- typography ---- */
    --font-display: "Fraunces", Georgia, "Times New Roman", serif;
    --font-read: "Fraunces", Georgia, serif;    /* German reading passages */
    --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.1875rem;       /* German reading size — generous */
    --text-lg: 1.5rem;
    --text-xl: 1.9375rem;
    --text-2xl: 2.4375rem;
    --text-display: clamp(2.15rem, 4vw + 1rem, 3.1rem);

    /* ---- spacing (4-pt) ---- */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4.5rem;

    /* ---- shape (editorial — small radii, hairline rules) ---- */
    --radius-sm: 6px;
    --radius-input: 8px;
    --radius-card: 10px;
    --radius-pill: 999px;
    --rule-hairline: 1px;

    /* ---- elevation (one soft layer, used sparingly) ---- */
    --shadow-card: 0 1px 2px oklch(30% 0.02 60 / 0.05), 0 12px 30px -24px oklch(30% 0.02 60 / 0.3);
    --shadow-pop: 0 8px 18px -8px oklch(25% 0.02 60 / 0.24), 0 26px 60px -26px oklch(25% 0.02 60 / 0.4);

    /* ---- motion ---- */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-short: 140ms;
    --dur-med: 220ms;

    /* ---- interaction floor ---- */
    --tap-min: 2.75rem;         /* 44px — coarse pointers */

    /* ---- z scale ---- */
    --z-nav: 20;
    --z-overlay: 40;
    --z-modal: 50;
}