/*
 * kosmetika.ge — design tokens.
 *
 * Source of truth: design handoff `tokens.css`. Soft-modern, friendly-warm;
 * mobile-first. Tri-script body (Cyrillic / Latin / Georgian) via Noto Sans +
 * Noto Sans Georgian. ADR-011 governs mobile-first breakpoints; ADR-002 the
 * locale routing.
 *
 * Always use the design-handoff names (`--ink-1`, `--surface-page`, `--accent`,
 * `--s-4`, `--r-12`, …). The few additions on top of the handoff are
 * `--container-max-width` and `--touch-target-min`, which the handoff doesn't
 * specify but the scaffolding needs.
 */

:root {
    /* ── Color · Surfaces ────────────────────────────────────────────────── */
    --surface-page: #FAF8F5;        /* warm off-white */
    --surface-card: #FFFFFF;
    --surface-sunken: #F4F1EC;
    --surface-tint:   #FBF3EE;       /* coral-tinted row */

    /* ── Color · Ink ─────────────────────────────────────────────────────── */
    --ink-1: #29261b;                /* near-black, warm */
    --ink-2: #5b554a;                /* secondary */
    --ink-3: #8a8478;                /* tertiary / meta */
    --ink-4: #b8b1a3;                /* placeholder / disabled */

    /* ── Color · Lines ───────────────────────────────────────────────────── */
    --line-1: #ECE7DE;               /* fine border */
    --line-2: #DED7C8;               /* stronger divider */

    /* ── Color · Brand ───────────────────────────────────────────────────── */
    --accent: #E07A5F;               /* coral primary */
    --accent-strong: #C8634A;
    --accent-soft: #F6E4DC;

    --trust: #3D5A80;                /* slate blue */
    --trust-soft: #E1E7F0;

    /* ── Color · Status ──────────────────────────────────────────────────── */
    --fresh: #739E82;
    --fresh-soft: #E2ECE6;
    --stale: #C28B5C;
    --stale-soft: #F4E7D8;
    --error: #9E5B5B;
    --error-soft: #F1E0DD;

    /* ── Type ────────────────────────────────────────────────────────────── */
    --font-sans: "Noto Sans", "Noto Sans Georgian", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
    --font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;

    /* Type sizes */
    --t-12: 12px; --t-13: 13px; --t-14: 14px; --t-15: 15px;
    --t-16: 16px; --t-17: 17px; --t-18: 18px; --t-20: 20px; --t-24: 24px;
    --t-28: 28px; --t-32: 32px; --t-40: 40px; --t-48: 48px;

    /* ── Radii ───────────────────────────────────────────────────────────── */
    --r-4: 4px; --r-6: 6px; --r-8: 8px; --r-12: 12px; --r-16: 16px; --r-24: 24px; --r-pill: 999px;

    /* ── Shadows · gentle, warm ─────────────────────────────────────────── */
    --sh-1: 0 1px 0 rgba(41,38,27,.04), 0 1px 2px rgba(41,38,27,.04);
    --sh-2: 0 1px 0 rgba(41,38,27,.04), 0 8px 24px rgba(41,38,27,.06);
    --sh-3: 0 1px 0 rgba(41,38,27,.05), 0 16px 48px rgba(41,38,27,.10);

    /* ── Spacing scale ───────────────────────────────────────────────────── */
    --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
    --s-7: 32px; --s-8: 40px; --s-9: 48px; --s-10: 64px; --s-11: 80px; --s-12: 96px;

    /* ── Layout primitives (kosmetika-specific, not in handoff) ─────────── */
    --container-max-width: 1200px;
    --touch-target-min: 44px;
}