/* ============================================================
   Door Service B.V. — Color Tokens
   Brand palette per docs/PROJECT-BRIEF.md (confirmed 2026-08-10 — no
   purple; this supersedes the Design System's original Plum/Steel-Blue/
   Amber trio):
   Navy #1C2B4A · Mid Blue #2E6BA8 · Yellow #F5C518
   Neutrals stay the warm "stone" scale — only the three brand hues
   changed; nothing here overhauls text/neutral colors.
   ============================================================ */

:root {
  /* ---- Blue (navy → mid-blue; primary brand) ---- */
  --blue-50:  #F7F9FC;
  --blue-100: #D7E2EF;
  --blue-200: #A9C2DC;
  --blue-300: #7BA3C9;
  --blue-400: #5687B9;
  --blue-500: #2E6BA8; /* base — brief's "Secondary blue / Mid blue" */
  --blue-600: #2A5B91;
  --blue-700: #254B79;
  --blue-800: #213B62;
  --blue-900: #1C2B4A; /* brief's exact "Primary dark / Navy" */

  /* ---- Yellow (accent / CTA) ---- */
  --yellow-50:  #FEFAEB;
  --yellow-100: #FDF1C0;
  --yellow-200: #FCE892;
  --yellow-300: #FADD5C;
  --yellow-400: #F7D330;
  --yellow-500: #F5C518; /* base — brief's exact "Accent / CTA" yellow */
  --yellow-600: #D2A916;
  --yellow-700: #AC8A11;

  /* ---- Stone (warm neutrals — unchanged) ---- */
  --stone-0:   #FFFFFF;
  --stone-50:  #FAF7F2; /* paper / page background */
  --stone-100: #F1ECE5;
  --stone-200: #E6E0D8;
  --stone-300: #D2CBC2;
  --stone-400: #B0A89E;
  --stone-500: #8C8278;
  --stone-600: #6B6158;
  --stone-700: #4A423B;
  --stone-800: #332D28;
  --stone-900: #1F1B18;

  /* ---- Semantic status ---- */
  --green-500:  #2E7D5B;
  --green-100:  #DCEFE5;
  --red-500:    #C0392B; /* warm brick red */
  --red-100:    #F7E0DC;
  --amber-warn: #CE9412;

  /* ============================================================
     SEMANTIC ALIASES — use these in components, not raw scales
     ============================================================ */

  /* Brand — navy primary, yellow accent, mid-blue secondary. No third/
     tertiary brand hue in this palette (the old Plum "minor accent" role
     is gone, not replaced). */
  --brand-primary:    var(--blue-900);
  --brand-secondary:  var(--blue-500);
  --brand-accent:     var(--yellow-500);

  /* Surfaces */
  --surface-page:     var(--stone-50);
  --surface-card:     var(--stone-0);
  --surface-raised:   var(--stone-0);
  --surface-sunken:   var(--stone-100);
  --surface-inverse:  var(--blue-800);
  --surface-inverse-2:var(--blue-900);

  /* Text */
  --text-heading:  var(--blue-900);
  --text-body:     var(--stone-800);
  --text-muted:    var(--stone-600);
  --text-subtle:   var(--stone-500);
  --text-inverse:  var(--stone-50);
  --text-inverse-muted: rgba(250, 247, 242, 0.66);
  --text-link:     var(--blue-600);
  --text-on-accent:var(--blue-900);

  /* Borders */
  --border-subtle:   var(--stone-200);
  --border-default:  var(--stone-300);
  --border-strong:   var(--stone-400);
  --border-inverse:  rgba(250, 247, 242, 0.16);

  /* Actions — primary (navy/blue) */
  --action-primary-bg:        var(--blue-600);
  --action-primary-bg-hover:  var(--blue-700);
  --action-primary-bg-active: var(--blue-800);
  --action-primary-text:      var(--stone-50);

  /* Actions — accent (yellow CTA) */
  --action-accent-bg:        var(--yellow-500);
  --action-accent-bg-hover:  var(--yellow-600);
  --action-accent-bg-active: var(--yellow-700);
  --action-accent-text:      var(--blue-900);

  /* Actions — secondary / ghost */
  --action-secondary-bg:       var(--stone-0);
  --action-secondary-bg-hover: var(--stone-100);
  --action-secondary-border:   var(--stone-300);
  --action-secondary-text:     var(--blue-800);

  /* Status */
  --status-success:    var(--green-500);
  --status-success-bg: var(--green-100);
  --status-danger:     var(--red-500);
  --status-danger-bg:  var(--red-100);
  --status-warning:    var(--amber-warn);
  --status-warning-bg: var(--yellow-100);
  --status-info:       var(--blue-500);
  --status-info-bg:    var(--blue-100);

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