/* ============================================================
   Arunda — Color tokens  (v2 · "Swiss Workshop")
   White + graphite/anthracite + cool grey, cut by the Swiss-cross
   red from the Arunda logo (#E41416). A muted wood pair is kept
   ONLY for photography placeholders. Base scales first, semantic
   aliases below. Legacy aliases at the end keep components stable.
   ============================================================ */

:root {
  /* ---- Cool neutrals: white → anthracite ---- */
  --paper-0:  #FFFFFF;   /* raised / cards */
  --paper-1:  #F7F7F5;   /* page background */
  --paper-2:  #EDEDEB;   /* sunken / grey sections */
  --grey-3:   #DADAD7;   /* utility bar, muted fills, hairline-on-grey */
  --grey-4:   #B7B9BA;   /* borders, disabled */
  --grey-5:   #8A8D8F;   /* faint text, captions */
  --grey-6:   #55585A;   /* muted / secondary text */
  --ink-7:    #2A2E30;   /* body strong */
  --ink-8:    #1F2426;   /* anthracite surface (buttons, panels) */
  --ink-9:    #16191B;   /* near-black — headings, footer */

  /* ---- Swiss-cross red: the signal ---- */
  --red-tint: #FBDAD9;
  --red-200:  #F4A9A8;
  --red-300:  #EE7A79;
  --red-500:  #E41416;  /* PRIMARY brand accent (from logo) */
  --red-600:  #C21012;  /* hover */
  --red-700:  #9E0D0F;  /* active / press */
  --red-900:  #6E090A;

  /* ---- Steel: cool secondary accent (diagrams, info) ---- */
  --steel-tint: #D7E1E5;
  --steel-400:  #4E7E8C;
  --steel-600:  #2E5A66;
  --steel-800:  #17323A;

  /* ---- Wood: muted, for imagery placeholders ONLY ---- */
  --wood-200: #E4D3B8;
  --wood-400: #C6A26A;
  --wood-600: #8A6634;

  /* ---- Semantic status ---- */
  --green-500: #2F8F4E;
  --green-600: #256E3D;
  --amber-500: #CC8A1A;
  --amber-600: #9E6A0E;
  --red-status-500: #D23B2E;
  --red-status-600: #A62A20;

  --white: #FFFFFF;
  --black: #0C0E0F;

  /* =========================================================
     SEMANTIC ALIASES — prefer these in components
     ========================================================= */

  /* Surfaces */
  --surface-page:       var(--paper-1);
  --surface-raised:     var(--paper-0);
  --surface-sunken:     var(--paper-2);
  --surface-card:       var(--paper-0);
  --surface-utility:    var(--grey-3);   /* thin top utility bar */
  --surface-anthracite: var(--ink-8);    /* graphite panels / spec rails */
  --surface-inverse:    var(--ink-9);    /* footer / dark bands */
  --surface-accent:     var(--red-500);

  /* Text */
  --text-strong:     var(--ink-9);
  --text-body:       var(--ink-7);
  --text-muted:      var(--grey-6);
  --text-faint:      var(--grey-5);
  --text-on-accent:  var(--white);
  --text-on-inverse: var(--paper-1);
  --text-on-inverse-muted: var(--grey-5);
  --text-link:       var(--red-600);

  /* Borders & lines */
  --border-hair:   color-mix(in oklab, var(--ink-9) 12%, transparent);
  --border-soft:   color-mix(in oklab, var(--ink-9) 22%, transparent);
  --border-strong: var(--ink-9);
  --border-accent: var(--red-500);
  --rule-ink:      var(--ink-9);

  /* Interactive — primary = red, secondary = anthracite */
  --action-bg:         var(--red-500);
  --action-bg-hover:   var(--red-600);
  --action-bg-active:  var(--red-700);
  --action-fg:         var(--white);
  --action-dark-bg:        var(--ink-8);
  --action-dark-bg-hover:  var(--ink-9);
  --action-dark-fg:        var(--white);

  /* Focus ring */
  --focus-ring: var(--red-500);

  /* Status semantic */
  --success: var(--green-600);
  --success-surface: color-mix(in oklab, var(--green-500) 14%, var(--paper-0));
  --warning: var(--amber-600);
  --warning-surface: color-mix(in oklab, var(--amber-500) 16%, var(--paper-0));
  --danger:  var(--red-status-600);
  --danger-surface:  color-mix(in oklab, var(--red-status-500) 13%, var(--paper-0));
  --info:    var(--steel-600);
  --info-surface:    color-mix(in oklab, var(--steel-400) 13%, var(--paper-0));

  /* =========================================================
     LEGACY ALIASES — keep older component code working.
     (Old warm-palette names now point at the cool v2 scale.)
     ========================================================= */
  --sand-3:   var(--grey-3);
  --sand-4:   var(--grey-4);
  --bark-5:   var(--grey-5);
  --bark-6:   var(--grey-6);
  --walnut-7: var(--ink-7);
  --walnut-8: var(--ink-8);

  --vermilion-tint: var(--red-tint);
  --vermilion-200:  var(--red-200);
  --vermilion-400:  var(--red-500);
  --vermilion-500:  var(--red-600);
  --vermilion-600:  var(--red-700);
  --vermilion-800:  var(--red-900);

  --timber-tint: var(--wood-200);
  --timber-200:  var(--wood-200);
  --timber-400:  var(--wood-400);
  --timber-600:  var(--wood-600);
  --timber-800:  var(--wood-600);

  --blueprint-tint: var(--steel-tint);
  --blueprint-400:  var(--steel-400);
  --blueprint-600:  var(--steel-600);
  --blueprint-800:  var(--steel-800);

  --green-400: var(--green-500);
  --amber-400: var(--amber-500);
  --red-400:   var(--red-status-500);
}