// ═══════════════════════════════════════════════
// FERMENTY — Scheme 2 design tokens
// "Living minimalism": warm paper grounds, culture green, lime &
// gold accents. These are the CSS custom properties the Scheme 2
// screens author against (var(--green-500), var(--cat-lactica)…).
// Mirrors +++/CI/Fermenty Design System/tokens/*.css.
// ═══════════════════════════════════════════════

:root {
    // ── Warm paper neutrals ──────────────────
    --paper-0: #FCFBF7;   // cards, sheets
    --paper-1: #F6F2E9;   // app canvas
    --paper-2: #EFEADD;   // raised / hover fields
    --paper-3: #E6DFCE;   // hairline borders
    --paper-4: #D8CFB8;   // strong borders / dividers

    --ink-900: #1B241D;   // primary text
    --ink-700: #2F3A31;
    --ink-500: #56625A;   // secondary text
    --ink-400: #79847B;   // muted / captions
    --ink-300: #9BA59C;   // disabled / placeholder

    // ── Culture green (primary brand) ────────
    --green-900: #16271B;
    --green-800: #1F3A26;
    --green-700: #2C5234;   // pressed, headings on light
    --green-600: #3B6843;
    --green-500: #4B7A50;   // PRIMARY
    --green-400: #6FA06A;
    --green-300: #98C28E;
    --green-200: #C2DCB6;
    --green-100: #E0EDD7;
    --green-050: #EFF5E9;

    // ── Probiotic lime (alive spark) ─────────
    --lime-600: #9FB02F;
    --lime-500: #B7C63C;
    --lime-400: #CBD75D;
    --lime-300: #DEE793;
    --lime-100: #F0F3CF;

    // ── Honey gold (active ferment) ──────────
    --gold-700: #B07E24;
    --gold-600: #D0A03A;
    --gold-500: #F5C356;
    --gold-400: #F8D379;
    --gold-300: #FAE1AA;
    --gold-200: #FBE9C1;
    --gold-100: #FDF4DE;

    // ── Semantic raw ─────────────────────────
    --teal-500:  #3E7C77;
    --teal-100:  #DCEBE9;
    --amber-500: #D8943B;
    --amber-100: #F6E6CB;
    --rust-500:  #B5503A;
    --rust-100:  #F1D9D2;

    // ── Surfaces & ground ────────────────────
    --bg-canvas:       var(--paper-1);
    --bg-canvas-deep:  var(--paper-2);
    --surface-card:    var(--paper-0);
    --surface-raised:  #FFFFFF;
    --surface-sunken:  var(--paper-2);
    --surface-inverse: var(--green-900);

    // ── Text ─────────────────────────────────
    --text-primary:    var(--ink-900);
    --text-secondary:  var(--ink-500);
    --text-muted:      var(--ink-400);
    --text-disabled:   var(--ink-300);
    --text-on-accent:  var(--paper-0);
    --text-on-dark:    #EAF0E4;
    --text-link:       var(--green-700);

    // ── Borders & lines ──────────────────────
    --border-subtle:   var(--paper-3);
    --border-default:  var(--paper-4);
    --border-strong:   var(--ink-300);
    --border-focus:    var(--green-500);

    // ── Brand / interactive ──────────────────
    --accent:          var(--green-500);
    --accent-hover:    var(--green-600);
    --accent-press:    var(--green-700);
    --accent-soft:     var(--green-050);
    --accent-on-soft:  var(--green-700);
    --accent-bright:   var(--lime-500);
    --accent-gold:     var(--gold-500);

    // ── Status (fermentation states) ─────────
    --status-active:   var(--gold-500);
    --status-active-bg:var(--gold-100);
    --status-ready:    var(--green-500);
    --status-ready-bg: var(--green-050);
    --status-rest:     var(--teal-500);
    --status-rest-bg:  var(--teal-100);
    --status-watch:    var(--amber-500);
    --status-watch-bg: var(--amber-100);
    --status-spoil:    var(--rust-500);
    --status-spoil-bg: var(--rust-100);

    // ── Feedback ─────────────────────────────
    --success: var(--green-500);
    --warning: var(--amber-500);
    --danger:  var(--rust-500);
    --info:    var(--teal-500);

    // ── Fermentation-process categories ──────
    // Used for progress rings + category headers/chips ONLY.
    --cat-lactica:    #3A7A22;   // green
    --cat-acetica:    #C9621A;   // amber/orange
    --cat-alcoholica: #8A5BB0;   // purple
    --cat-fungica:   #B0843A;   // ochre

    --cat-lactica-soft:    color-mix(in srgb, var(--cat-lactica) 11%, var(--paper-0));
    --cat-acetica-soft:    color-mix(in srgb, var(--cat-acetica) 11%, var(--paper-0));
    --cat-alcoholica-soft: color-mix(in srgb, var(--cat-alcoholica) 11%, var(--paper-0));
    --cat-fungica-soft:   color-mix(in srgb, var(--cat-fungica) 11%, var(--paper-0));

    // ── Mood / feedback scale (Scheme 2) ─────
    // 5 calm levels — rust → amber → ink → green → lime.
    --mood-1: var(--rust-500);    // mal
    --mood-2: var(--amber-500);   // regular
    --mood-3: var(--ink-400);     // normal
    --mood-4: var(--green-500);   // bien
    --mood-5: var(--lime-600);    // genial

    // ── Type families ────────────────────────
    --font-display: 'Comfortaa', system-ui, sans-serif;
    --font-sans:    'Raleway', system-ui, -apple-system, sans-serif;
    --font-data:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

    // Weights
    --fw-light: 300;  --fw-regular: 400;  --fw-medium: 500;
    --fw-semibold: 600;  --fw-bold: 700;  --fw-black: 700;

    // Type scale
    --text-display-xl: 3.25rem;
    --text-display:    2.5rem;
    --text-h1:         1.875rem;
    --text-h2:         1.5rem;
    --text-h3:         1.1875rem;
    --text-h4:         1.0625rem;
    --text-body-lg:    1.0625rem;
    --text-body:       0.9375rem;
    --text-data-lg:    1.75rem;
    --text-data:       0.875rem;

    // Line heights & tracking
    --lh-tight: 1.12;  --lh-snug: 1.28;  --lh-normal: 1.5;  --lh-relaxed: 1.62;
    --ls-tight: -0.01em;  --ls-snug: 0;  --ls-normal: 0;  --ls-wide: 0.04em;  --ls-label: 0.1em;

    // ── Radii ────────────────────────────────
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-pill: 999px;
    --radius-circle: 50%;

    // ── Shadows — minimal & flat ─────────────
    --shadow-xs: 0 1px 1px rgba(27, 36, 29, 0.03);
    --shadow-sm: 0 1px 2px rgba(27, 36, 29, 0.04);
    --shadow-md: 0 2px 8px rgba(27, 36, 29, 0.05);
    --shadow-lg: 0 8px 20px rgba(27, 36, 29, 0.07);
    --shadow-xl: 0 16px 36px rgba(27, 36, 29, 0.10);
    --shadow-inset: inset 0 1px 2px rgba(27, 36, 29, 0.04);

    --ring-accent: 0 0 0 3px rgba(75, 122, 80, 0.22);
    --ring-danger: 0 0 0 3px rgba(181, 80, 58, 0.22);

    // ── Motion — calm, no bounce ─────────────
    --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
    --ease-in-out: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --dur-fast: 120ms;
    --dur-base: 200ms;
    --dur-slow: 320ms;
}