/* ============================================================
   NODU · DESIGN TOKENS  (flattened from the Nodu design system)
   Dark "warm-ink" theme is the default + only theme shipping in v1.
   One brand accent: Coral Sunset (hot pink -> tangerine).
   Fonts are loaded via <link> in index.html (Fredoka / Plus Jakarta
   Sans / JetBrains Mono) so they don't render-block behind an @import.
   ============================================================ */

:root {
  /* ---- Base palette ---- */
  --nodu-ink:            #16110D;
  --nodu-paper:          #FBF3EE;

  /* Dark surfaces — warm ink ramp */
  --bg-base:             #14100E;
  --surface-1:           #1E1815;
  --surface-2:           #29211C;
  --surface-3:           #342A23;
  --border-subtle:       #2E2620;
  --border-strong:       #463A31;

  /* Dark text */
  --text-hi:             #FBF3EE;
  --text-med:            #C9BBB1;
  --text-low:            #8E807A;
  --text-disabled:       #5C524C;

  /* ---- Accent — Coral Sunset ---- */
  --accent:              #FF3D71;
  --accent-pressed:      #E62E5F;
  --accent-warm:         #FF8A3D;
  --accent-text:         #FF5C7E;
  --accent-gradient:     linear-gradient(135deg, #FF3D71 0%, #FF8A3D 100%);
  --accent-soft-fill:    #2E1A1C;
  --accent-soft-border:  #4A2630;

  /* ---- Sentiment ramp (replaces numeric ratings) ---- */
  --sentiment-loved:        #FF3D71;
  --sentiment-loved-text:   #FF6B8A;
  --sentiment-liked:        #FF7A4D;
  --sentiment-liked-text:   #FF8A5A;
  --sentiment-okay:         #E0A06A;
  --sentiment-okay-text:    #E0A06A;
  --sentiment-okay-border:  #C99463;
  --sentiment-disliked:     #9A8579;
  --sentiment-disliked-text:#9A8579;

  /* ---- Semantic states ---- */
  --success:             #2FBF87;
  --error:               #FF5247;
  --warning:             #FFB23E;

  /* ---- Liquid-glass nav ---- */
  --glass-fill:          rgba(30,24,21,.55);
  --glass-border:        rgba(255,255,255,.12);
  --glass-highlight:     rgba(255,255,255,.22);

  /* ---- Semantic aliases ---- */
  --link:                var(--accent-warm);

  /* ---- Typography ---- */
  --font-display: 'Fredoka', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* ---- Radius ---- */
  --radius-xs:   8px;
  --radius-sm:   12px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-xl:   24px;
  --radius-pill: 999px;
  --radius-poster: 16px;
  --radius-card:   20px;
  --radius-sheet:  28px;
  --radius-nav:    26px;
  --radius-button: 14px;

  /* ---- Elevation + motion ---- */
  --elev-0: none;
  --elev-1: 0 2px 8px rgba(0,0,0,.35);
  --elev-2: 0 8px 24px rgba(0,0,0,.45);
  --elev-3: 0 16px 44px rgba(0,0,0,.55);
  --elev-glow: 0 12px 34px rgba(255,61,113,.40);
  --elev-glow-soft: 0 8px 22px rgba(255,61,113,.26);

  --dur-fast:      120ms;
  --dur-base:      200ms;
  --dur-slow:      320ms;
  --ease-standard: cubic-bezier(.2,.8,.2,1);
  --press-scale:   .96;
}