/* ── Frameriver color tokens ─────────────────────────────────────────
   Sampled from the Frameriver universe renders:
   Riv (sage otter, terracotta mitts), Frama (mauve otter, ochre mitts),
   Glich (the glitch antagonist — neon green + magenta),
   and the locations: Signal Street, River Arches, Cloud Stage.     */
:root {
  /* Base clay neutrals (Cloud Stage / Signal Street) */
  --clay-0:  #FAF6EE;  /* lightest paper */
  --clay-1:  #F3EDE1;  /* ivory — default app background */
  --clay-2:  #EAE2D2;  /* cream platform */
  --clay-3:  #DCD4C2;  /* warm sand */
  --clay-4:  #C7C2B3;  /* stone */
  --clay-5:  #A8A498;  /* weathered stone */
  --clay-6:  #8B887D;  /* building gray */
  --clay-7:  #5D5B53;  /* deep stone */
  --clay-8:  #403E38;  /* charcoal clay */
  --clay-9:  #2C2B26;  /* ink */

  /* Riv — sage */
  --sage-1:  #E2E5DC;
  --sage-2:  #C2C9BB;
  --sage-3:  #97A092;  /* Riv's coat */
  --sage-4:  #76806F;
  --sage-5:  #57614F;

  /* River — dusty blue (River Arches, clouds) */
  --river-1: #E0E8EB;
  --river-2: #C2D1D8;
  --river-3: #9FB4BE;  /* arch-hall walls */
  --river-4: #7B929E;
  --river-5: #5A707C;

  /* Frama — mauve */
  --mauve-1: #E9E2EA;
  --mauve-2: #CBBECD;
  --mauve-3: #A292A6;  /* Frama's coat */
  --mauve-4: #82707F;
  --mauve-5: #61525F;

  /* Terracotta — Riv's mitts, the brand action color */
  --terra-1: #F3DDD2;
  --terra-2: #E0AE94;
  --terra-3: #C26B4A;  /* primary actions */
  --terra-4: #A85638;
  --terra-5: #87422A;

  /* Ochre — Frama's mitts, golden ribbons */
  --ochre-1: #F2E4C6;
  --ochre-2: #E3C385;
  --ochre-3: #D2A148;
  --ochre-4: #B0832F;
  --ochre-5: #8C6722;

  /* Sunset — Signal Street sky */
  --sunset-1: #F5E0D6;
  --sunset-2: #EBC0B2;
  --sunset-3: #DE9F92;

  /* Glich — antagonist accents. Reserved EXCLUSIVELY for error /
     corruption / failed-render states. Never decorative. */
  --glitch-green:   #4FE522;
  --glitch-magenta: #E03BDB;
  --glitch-green-soft:   #E1FAD6;
  --glitch-magenta-soft: #F9E0F8;

  /* ── Semantic aliases ── */
  --bg-app:        var(--clay-1);
  --bg-sunken:     var(--clay-2);
  --surface-card:  var(--clay-0);
  --surface-raised:#FFFDF8;
  --surface-ink:   var(--clay-9);   /* dark panels, footers, code */

  --text-display:  var(--clay-9);
  --text-body:     var(--clay-8);
  --text-muted:    var(--clay-6);
  --text-faint:    var(--clay-5);
  --text-on-ink:   var(--clay-1);
  --text-on-accent:#FFF9F0;

  --accent:        var(--terra-3);
  --accent-hover:  var(--terra-4);
  --accent-press:  var(--terra-5);
  --accent-soft:   var(--terra-1);

  --link:          var(--river-5);

  --border-soft:   #E3DBC9;
  --border-strong: var(--clay-4);
  --focus-ring:    var(--river-4);

  /* Status (production pipeline) */
  --status-queued:    var(--clay-5);
  --status-rendering: var(--ochre-3);
  --status-review:    var(--river-4);
  --status-approved:  var(--sage-4);
  --status-glitched:  var(--glitch-magenta);

  --success:       var(--sage-4);
  --success-soft:  var(--sage-1);
  --warning:       var(--ochre-4);
  --warning-soft:  var(--ochre-1);
  --danger:        #B4502E;
  --danger-soft:   var(--terra-1);
}