/* ============================================================
   Altoros FDE — Color tokens
   A warm, ink-on-paper base with three accent families:
   Altoros red (brand mark / urgency), violet (the FDE offer),
   amber (the brand promise / "what you get").
   ============================================================ */
:root {
  /* ---- Warm neutral base (ink → paper) ---- */
  --ink:            #1a1614;   /* primary text + dark surfaces */
  --ink-soft:       #4a443f;   /* body copy on light */
  --ink-muted:      #6b6e78;   /* secondary / de-emphasized */
  --ink-faint:      #9a938b;   /* captions, mono labels on light */
  --paper:          #ffffff;   /* base surface */
  --paper-warm:     #faf8f5;   /* warm section background */
  --paper-warm-2:   #f4f1ec;   /* warmer panel / table header */

  /* warm hairline borders */
  --line:           #ece8e2;
  --line-2:         #e6e2dc;
  --line-3:         #efece7;

  /* ---- On-dark scale (text + surfaces over --ink) ---- */
  --on-dark:        #ffffff;
  --on-dark-soft:   #d8d2cb;
  --on-dark-muted:  #c7c0b9;
  --on-dark-faint:  #b9b2aa;
  --surface-dark:   #1a1614;   /* the dark section */
  --surface-dark-2: #241f1c;   /* raised card on dark */
  --line-dark:      #38322d;   /* border on dark */
  --line-dark-2:    #332e2a;

  /* ---- Accent · Altoros red (the brand mark, urgency, the gate) ---- */
  --red:            #EE2B1C;   /* logo red, primary brand accent */
  --red-deep:       #C41F12;   /* red text on light (AA-safe) */
  --red-on-dark:    #ff7a6e;   /* red tint for icons on dark */
  --red-tint-dark:  #3a201d;   /* red-tinted icon chip on dark */
  --red-selection:  #ffd9d4;   /* ::selection */

  /* ---- Accent · Violet (the FDE offer, "different question") ---- */
  --violet:         #5a3cc5;   /* primary violet — the offer */
  --violet-hover:   #46309c;   /* hover darken (buttons, fit-check bar) */
  --violet-active:  #372681;   /* pressed darken */
  --violet-deep:    #322266;   /* deep violet emphasis text */
  --violet-on-dark: #cdbcff;   /* violet tint on dark/violet bg */
  --violet-on-dark-2:#b9a8ec;
  --violet-line:    #d9cef4;   /* violet underline / hairline */
  --violet-tint:    #f6f2ff;   /* violet wash surface */
  --violet-tint-2:  #f1ebff;
  --violet-text-on-tint:#4a3f6b;

  /* ---- Accent · Amber (the brand promise, "what you get") ---- */
  --amber:          #ffab30;   /* primary amber — promise / CTA */
  --amber-ink:      #8a5a07;   /* mono label on amber */
  --amber-ink-2:    #6b521a;   /* body on amber */
  --amber-ink-3:    #9a7a3a;   /* caption on amber cards */
  --amber-deep:     #b97d10;
  --amber-tint:     #fff7ea;   /* amber wash surface */
  --amber-line:     #f3e3c2;   /* amber card border */

  /* ============================================================
     Semantic aliases — prefer these in product code.
     ============================================================ */
  --text-strong:    var(--ink);
  --text-body:      var(--ink-soft);
  --text-muted:     var(--ink-muted);
  --text-caption:   var(--ink-faint);

  --surface:        var(--paper);
  --surface-sunken: var(--paper-warm);
  --surface-panel:  var(--paper-warm-2);
  --border:         var(--line);
  --border-strong:  var(--line-2);

  --brand:          var(--red);          /* the Altoros mark */
  --offer:          var(--violet);       /* the FDE offer */
  --promise:        var(--amber);        /* the brand promise */

  --cta-bg:         var(--amber);
  --cta-fg:         var(--ink);
  --link:           var(--violet);

  --focus-ring:     var(--violet);
}