/* ═══════════════════════════════════════════════════════════════════
   Global Color Tokens
   These CSS variables represent the brand color palette and are shared
   across the landing page, dashboard apps, and admin panels.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* RGB Triplets (For use with rgba()) */
  --bg-rgb:      250, 247, 242;
  --bg-alt-rgb:  240, 235, 227;
  --surface-rgb: 255, 255, 255;
  --ink-rgb:     26, 23, 20;
  --accent-rgb:  212, 87, 42;
  --accent-h-rgb: 184, 67, 29;
  --amber-rgb:   232, 168, 56;
  --teal-rgb:    42, 141, 125;
  --plum-rgb:    107, 63, 160;
  --red-rgb:     232, 68, 58;
  --blue-rgb:    59, 130, 246;
  --green-rgb:   42, 141, 94;

  /* Primary & Secondary Brand Colors */
  --primary:     #d4572a;
  --primary-h:   #b8431d;
  --primary-rgb: var(--accent-rgb);
  
  --secondary:     #e8a838;
  --secondary-rgb: var(--amber-rgb);

  /* Standard Hex Fallbacks */
  --c-bg:       #faf7f2;
  --c-bg-alt:   #f0ebe3;
  --c-surface:  #ffffff;
  --c-ink:      #1a1714;
  --c-accent:   var(--primary);
  --c-accent-h: var(--primary-h);
  --c-amber:    var(--secondary);
  --c-teal:     #2a8d7d;
  --c-plum:     #6b3fa0;
  --c-red:      #e8443a;
  --c-blue:     #3b82f6;
  --c-green:    #2a8d5e;

  /* Utility Aliases */
  --cream:      var(--c-bg);
  --cream-d:    var(--c-bg-alt);
  --accent:     var(--primary);
  --accent-h:   var(--primary-h);
  --accent-rgb: var(--primary-rgb);
  --ink:        var(--c-ink);
  --ink-s:      #6b6560;
  --ink-m:      #9e9890;
  --amber:      var(--secondary);
  --amber-rgb:  var(--secondary-rgb);
  --teal:       var(--c-teal);
  --red:        var(--c-red);
  --green:      var(--c-green);
  --blue:       var(--c-blue);
  --plum:       var(--c-plum);

  /* Status / Contextual */
  --danger:     var(--c-red);
  --success:    var(--c-green);
  
  /* Borders & Dividers */
  --c-border:   rgba(var(--ink-rgb), 0.08);
  --border:     rgba(var(--ink-rgb), 0.08);
}