/* ============================================================
   Muse Bio — Color System
   Anchor: Coral #EF5B5B (locked — the single most recognizable
   brand element; never substitute). Warm neutral spine from
   paper to ink. Semantic states kept distinct from the coral.
   ============================================================ */
:root {
  /* ---- Coral scale (brand anchor = coral-500) ---- */
  --coral-50:  #FDECEC;
  --coral-100: #FBD9DA;
  --coral-200: #F7B3B4;
  --coral-300: #F38D8E;
  --coral-400: #F17475;
  --coral-500: #EF5B5B; /* ANCHOR — locked brand coral */
  --coral-600: #DB4A4B;
  --coral-700: #B83A3B;
  --coral-800: #8E2E2E;
  --coral-900: #5D1F1F;

  /* ---- Warm neutral spine (paper -> ink) ---- */
  --paper:     #FBF8F6; /* warm page background */
  --neutral-0: #FFFFFF;
  --neutral-50:  #F6F1ED;
  --neutral-100: #ECE5DF;
  --neutral-200: #DED4CD;
  --neutral-300: #C7BAB2;
  --neutral-400: #A79A91;
  --neutral-500: #857A73;
  --neutral-600: #655C57;
  --neutral-700: #48413D;
  --neutral-800: #2C2724;
  --neutral-900: #1A1613; /* ink */
  --ink:       #17141A;   /* near-black display ink (warm plum-charcoal) */

  /* ---- Semantic state colors (distinct from coral) ---- */
  --state-success: #4C8C6B;
  --state-success-bg: #E4F0EA;
  --state-warning: #C2842F;
  --state-warning-bg: #F7EAD5;
  --state-danger:  #BE3A2B;
  --state-danger-bg: #F7DED9;
  --state-info:    #4A7A9B;
  --state-info-bg: #E1ECF2;

  /* ================= Semantic aliases ================= */
  /* Backgrounds & surfaces */
  --color-bg:          var(--paper);
  --surface-page:      var(--paper);
  --surface-card:      var(--neutral-0);
  --surface-raised:    var(--neutral-0);
  --surface-sunken:    var(--neutral-50);
  --surface-inverse:   var(--ink);
  --surface-coral:     var(--coral-500);
  --surface-tint:      var(--coral-50);

  /* Text */
  --color-text:        var(--neutral-900);
  --text-primary:      var(--neutral-900);
  --text-secondary:    var(--neutral-700);
  --text-muted:        var(--neutral-500);
  --text-accent:       var(--coral-600);
  --text-inverse:      var(--neutral-0);
  --text-on-coral:     #FFFFFF;

  /* Borders & rules */
  --border-subtle:     var(--neutral-100);
  --border-default:    var(--neutral-200);
  --border-strong:     var(--neutral-300);
  --border-accent:     var(--coral-500);

  /* Dark-surface foreground (used on ink/coral takeover sections) */
  --color-noir:        var(--ink);
  --color-on-dark:     #F7F1ED;
  --color-on-dark-mute: rgba(247,241,237,0.66);
  --color-rule-on-dark: rgba(247,241,237,0.16);

  /* Interactive */
  --color-coral:       var(--coral-500);
  --coral-hover:       var(--coral-600);
  --coral-active:      var(--coral-700);
  --focus-ring:        var(--coral-500);
}