/* ============================================================
   VarthAI — COLOR TOKENS
   Palette derived directly from the logo: terracotta lotus,
   charcoal monogram, warm cream ground. Extended with a
   marigold/saffron accent for warm-Indian highlights.
   ============================================================ */
:root {
  /* --- Terracotta (primary brand) — from logo #A64931 --- */
  --terracotta-50:  #FBF0EC;
  --terracotta-100: #F5DDD4;
  --terracotta-200: #E9BAA9;
  --terracotta-300: #DB9179;
  --terracotta-400: #C56A4C;
  --terracotta-500: #A64931; /* logo base */
  --terracotta-600: #8E3B27;
  --terracotta-700: #732F1F;
  --terracotta-800: #572418;
  --terracotta-900: #3D1810;

  /* --- Saffron / Marigold (warm accent) --- */
  --saffron-50:  #FBEFD9;
  --saffron-100: #F6E0B8;
  --saffron-300: #ECBB84;
  --saffron-500: #D98A3D;
  --saffron-600: #C0722A;
  --saffron-700: #9C591C;

  /* --- Indigo (deep support — sparingly, for contrast) --- */
  --indigo-500: #35435E;
  --indigo-700: #232D42;

  /* --- Warm neutrals (cream → charcoal, ink from logo #404141) --- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #FCFCF8; /* page cream */
  --neutral-100: #F6F2E9;
  --neutral-150: #EFEADD;
  --neutral-200: #E4DECF;
  --neutral-300: #D2CAB6;
  --neutral-400: #A69E8A;
  --neutral-500: #7C7567;
  --neutral-600: #575349;
  --neutral-700: #403C34;
  --neutral-800: #2B2A25;
  --neutral-900: #1C1B17;

  /* --- Semantic status (warm-tuned) --- */
  --green-500:  #4F7A52;
  --green-50:   #EBF1EA;
  --amber-500:  #C0722A;
  --amber-50:   #FBEFD9;
  --red-500:    #B23A2C;
  --red-50:     #F8E7E3;

  /* ============================================================
     SEMANTIC ALIASES — use these in components
     ============================================================ */
  /* Surfaces */
  --color-bg:            var(--neutral-50);
  --color-surface:       var(--neutral-0);
  --color-surface-warm:  var(--neutral-100);
  --color-surface-sunken:var(--neutral-150);
  --color-overlay:       rgba(28, 27, 23, 0.44);

  /* Text / ink */
  --text-primary:   #26251F;
  --text-secondary: #5C5749;
  --text-muted:     #8A8474;
  --text-on-dark:   #F6F2E9;
  --text-on-brand:  #FBF0EC;
  --text-inverse:   #FCFCF8;

  /* Brand */
  --primary:        var(--terracotta-500);
  --primary-hover:  var(--terracotta-600);
  --primary-active: var(--terracotta-700);
  --primary-soft:   var(--terracotta-50);
  --primary-softer: var(--terracotta-100);
  --on-primary:     #FDF6F3;

  --accent:         var(--saffron-500);
  --accent-hover:   var(--saffron-600);
  --accent-soft:    var(--saffron-50);

  --ink:            var(--neutral-800);   /* charcoal, from logo A */
  --ink-hover:      var(--neutral-900);

  /* Lines */
  --border:         #E4DECF;
  --border-strong:  #D2CAB6;
  --border-brand:   var(--terracotta-200);
  --ring:           rgba(166, 73, 49, 0.35); /* focus ring */

  /* Status semantics */
  --success:     var(--green-500);
  --success-bg:  var(--green-50);
  --warning:     var(--amber-500);
  --warning-bg:  var(--amber-50);
  --danger:      var(--red-500);
  --danger-bg:   var(--red-50);
}