/* ============================================================
   COLORS — Sylvie Cousineau / GSC Design System
   Derived from the SC monogram (gold) + wordmark (aubergine).
   Warm, calm, premium. Aubergine primary, gold accent,
   soft warm neutrals. No cold grays.
   ============================================================ */

:root {
  /* --- Aubergine / Plum (primary brand) ------------------- */
  --plum-50:  #f5f2f9;
  --plum-100: #ebe4f1;
  --plum-200: #d5c8e1;
  --plum-300: #b4a1c8;
  --plum-400: #8b71a6;
  --plum-500: #684e86;
  --plum-600: #503a6c;
  --plum-700: #402c58;
  --plum-800: #311955; /* wordmark ink */
  --plum-900: #241141;
  --plum-950: #170a2b;

  /* --- Gold (accent, from the monogram gradient) ---------- */
  --gold-50:  #fdf9ee;
  --gold-100: #faf1d3;
  --gold-200: #f4e2a9;
  --gold-300: #edd082;  /* bright highlight of the SC mark */
  --gold-400: #e6ca75;  /* core gold */
  --gold-500: #d3ac52;
  --gold-600: #b88d38;
  --gold-700: #936d2d;
  --gold-800: #715428;
  --gold-900: #5c4524;

  /* --- Warm neutrals (slightly plum-tinted, never cold) --- */
  --neutral-0:   #ffffff;
  --neutral-25:  #fbfaf8;  /* app canvas — warm ivory */
  --neutral-50:  #f7f5f1;
  --neutral-100: #f1eeea;
  --neutral-200: #e7e2ea;  /* hairline borders (plum whisper) */
  --neutral-300: #d8d2de;
  --neutral-400: #b7b0c0;
  --neutral-500: #928aa0;
  --neutral-600: #6f6879;
  --neutral-700: #4c4658;
  --neutral-800: #322c3d;
  --neutral-900: #211a2e;

  /* --- Soft tints for gradients & wash backgrounds -------- */
  --blush-100:  #f6eef2;  /* rose-mauve whisper */
  --blush-200:  #ecdce6;
  --sand-100:   #f8f2e6;  /* warm gold wash */
  --lavender-100: #efeaf4;

  /* --- Semantic status (muted, refined) ------------------- */
  --success-500: #4f9d78;
  --success-100: #e4f1ea;
  --warning-500: #cf9a3b;
  --warning-100: #f8eecf;
  --danger-500:  #c65b6b;
  --danger-100:  #f6e2e5;
  --info-500:    #5f6fb0;
  --info-100:    #e6e9f5;

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

  /* Brand */
  --brand:            var(--plum-800);
  --brand-strong:     var(--plum-900);
  --brand-soft:       var(--plum-100);
  --accent:           var(--gold-400);
  --accent-strong:    var(--gold-600);
  --accent-soft:      var(--gold-100);

  /* Surfaces */
  --surface-canvas:   var(--neutral-25);
  --surface-card:     var(--neutral-0);
  --surface-sunken:   var(--neutral-50);
  --surface-raised:   var(--neutral-0);
  --surface-inverse:  var(--plum-900);
  --surface-glass:    rgba(255, 255, 255, 0.62);

  /* Text */
  --text-strong:      var(--neutral-900);
  --text-body:        var(--neutral-700);
  --text-muted:       var(--neutral-600);
  --text-faint:       var(--neutral-500);
  --text-on-brand:    #f4eef7;
  --text-on-accent:   var(--plum-900);
  --text-accent:      var(--gold-700);
  --text-brand:       var(--plum-800);

  /* Borders & lines */
  --border-subtle:    var(--neutral-200);
  --border-default:   var(--neutral-300);
  --border-strong:    var(--neutral-400);
  --border-focus:     var(--plum-500);
  --ring:             rgba(104, 78, 134, 0.28);

  /* Interactive fills */
  --fill-primary:       var(--plum-800);
  --fill-primary-hover: var(--plum-700);
  --fill-primary-press: var(--plum-900);
  --fill-accent:        var(--gold-400);
  --fill-accent-hover:  var(--gold-500);
  --fill-ghost-hover:   var(--plum-50);

  /* Signature gradients */
  --gradient-gold:  linear-gradient(135deg, #f4e3a0 0%, #e6ca75 45%, #c9a24e 100%); /* @kind other */
  --gradient-plum:  linear-gradient(150deg, #402c58 0%, #311955 55%, #241141 100%); /* @kind other */
  --gradient-dawn:  linear-gradient(160deg, #faf1e4 0%, #f6eef2 48%, #efeaf4 100%); /* @kind other */
  --gradient-halo:  radial-gradient(120% 120% at 50% 0%, rgba(230,202,117,0.16) 0%, rgba(230,202,117,0) 60%); /* @kind other */
}