/* ─────────────────────────────────────────────────────────────────────────────
   Tonera design tokens — source of truth: tonera-design.md (locked Jul 2026)
   Rules: flat solids only. Gradients allowed solely as real color data
   (tone ramps, color wheels). Tone scale is content-only, never chrome.
   ───────────────────────────────────────────────────────────────────────────── */
:root {
    /* ── Accent — Tonera Azure ── */
    --accent:        oklch(0.55 0.2 245);   /* ≈ #1668E3 */
    --accent-hover:  oklch(0.49 0.2 245);
    --accent-active: oklch(0.45 0.19 245);
    --accent-soft:   oklch(0.95 0.03 245);
    --accent-border: oklch(0.85 0.07 245);
    --on-accent:     #ffffff;

    /* ── Neutrals (cool, clinical) ── */
    --bg-page:         oklch(0.99 0.002 250);
    --bg-subtle:       oklch(0.965 0.004 250);
    --surface-card:    #ffffff;
    --surface-inverse: oklch(0.21 0.012 260);
    --fg-1: oklch(0.21 0.012 260);
    --fg-2: oklch(0.45 0.012 260);
    --fg-3: oklch(0.62 0.012 260);
    --text-body:  var(--fg-1);
    --text-muted: var(--fg-2);
    --text-faint: var(--fg-3);
    --border:        oklch(0.9 0.008 260);
    --border-strong: oklch(0.8 0.008 260);

    /* ── Semantic (same chroma family as accent) ── */
    --match:       oklch(0.6 0.15 155);
    --match-soft:  oklch(0.95 0.03 155);
    --warn:        oklch(0.7 0.15 75);
    --warn-soft:   oklch(0.96 0.04 75);
    --danger:      oklch(0.55 0.21 25);
    --danger-soft: oklch(0.95 0.03 25);

    /* ── Tone scale (Monk-derived). CONTENT COLORS ONLY — never chrome. ── */
    --tone-1:  #F6EDE4;
    --tone-2:  #F3E7DB;
    --tone-3:  #F7EAD0;
    --tone-4:  #EADABA;
    --tone-5:  #D7BD96;
    --tone-6:  #A07E56;
    --tone-7:  #825C43;
    --tone-8:  #604134;
    --tone-9:  #3A312A;
    --tone-10: #292420;

    /* ── Type scale ── */
    --text-12: 12px;  --text-13: 13px;  --text-15: 15px;  --text-18: 18px;
    --text-22: 22px;  --text-28: 28px;  --text-36: 36px;  --text-48: 48px;

    /* ── Radii: controls 6 · cards 10 · sheets 16 · swatches full ── */
    --radius-control: 6px;
    --radius-card:    10px;
    --radius-sheet:   16px;
    --radius-full:    999px;

    /* ── Elevation ── */
    --shadow-sm: 0 1px 2px oklch(0.21 0.012 260 / 0.05), 0 1px 3px oklch(0.21 0.012 260 / 0.07);
    --shadow-lg: 0 12px 32px oklch(0.21 0.012 260 / 0.16), 0 2px 8px oklch(0.21 0.012 260 / 0.08);

    /* ── Motion: 120–200ms, opacity/translate only ── */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --dur-fast: 120ms;
    --dur-slow: 200ms;

    /* ── Focus: always the double ring ── */
    --focus-ring: 0 0 0 2px var(--surface-card), 0 0 0 4px var(--accent);

    /* ── Overlays ── */
    --scrim: oklch(0.21 0.012 260 / 0.4);
}