/* ============================================================
   SiRR — Color tokens
   Signature direction: "Suede Indigo & Polished Brass"
   Deep Moroccan indigo + warm brass gold + tadelakt cream,
   with teal, terracotta/copper and garnet accents.
   ============================================================ */

:root {
  /* ---- Brand scales -------------------------------------- */

  /* Suede Indigo (primary brand ink) */
  --indigo-900: #14182E;  /* near-black ink, deepest */
  --indigo-800: #1B2240;  /* matte navy ceramic */
  --indigo-700: #232C52;  /* signature suede indigo */
  --indigo-600: #2E3A66;  /* lifted indigo */
  --indigo-500: #3C4A7E;  /* mid indigo */
  --indigo-300: #8C95B8;  /* muted indigo (disabled ink) */
  --indigo-100: #D9DCEA;  /* indigo tint */

  /* Polished Brass (primary metal / accent) */
  --brass-700: #8A6B2E;  /* deep antique brass */
  --brass-600: #A6822F;  /* burnished */
  --brass-500: #C2A24E;  /* polished brass (core gold) */
  --brass-400: #D2B86B;  /* satin gold */
  --brass-300: #E3D2A0;  /* pale gilt */
  --brass-100: #F3EBD6;  /* gilt wash */

  /* Tadelakt / warm neutrals (surfaces & paper) */
  --sand-900: #4A4334;  /* deep taupe text on cream */
  --sand-700: #7A6F58;  /* warm taupe */
  --sand-500: #B6A98C;  /* aged-ash / muted sand */
  --sand-300: #DCD2BD;  /* warm sand */
  --sand-200: #E8E0CE;  /* tadelakt */
  --sand-100: #F2ECDD;  /* matte cream */
  --sand-50:  #FAF6EC;  /* alabaster paper */

  /* ---- Accents ------------------------------------------- */
  --teal-600:  #1F5E66;  /* aqua-zellij teal, deep */
  --teal-500:  #2A7882;  /* zellij teal */
  --teal-300:  #8FB7BB;  /* teal tint */

  --terracotta-600: #9E4A2A;  /* rich terracotta, deep */
  --terracotta-500: #BE6038;  /* rich terracotta */
  --copper-500:     #C0805A;  /* hammered copper / rose-gold */
  --copper-300:     #DDB89C;  /* soft copper tint */

  --garnet-600: #8C2B49;  /* garnet stone, deep */
  --garnet-500: #B23A60;  /* the signature logo dot */
  --rose-400:   #D98AA3;  /* dusty rose */

  /* ---- Pure neutrals ------------------------------------- */
  --white:   #FFFFFF;
  --black:   #0E0F16;

  /* ============================================================
     Semantic aliases — reference these in components/UI
     ============================================================ */

  /* Brand */
  --brand-ink:       var(--indigo-700);
  --brand-ink-deep:  var(--indigo-900);
  --brand-gold:      var(--brass-500);
  --brand-gold-deep: var(--brass-600);
  --brand-dot:       var(--garnet-500);   /* the SiRR dot */

  /* Surfaces */
  --surface-page:     var(--sand-50);     /* default warm page */
  --surface-raised:   var(--white);       /* cards on cream */
  --surface-sunken:   var(--sand-100);    /* wells, fields */
  --surface-ink:      var(--indigo-800);  /* dark sections / footer */
  --surface-ink-deep: var(--indigo-900);
  --surface-overlay:  rgba(20, 24, 46, 0.55); /* scrim over imagery */

  /* Text */
  --text-strong:    var(--indigo-900);    /* headings on light */
  --text-body:      var(--sand-900);       /* body on cream */
  --text-muted:     var(--sand-700);       /* captions, meta */
  --text-faint:     var(--sand-500);       /* placeholders */
  --text-on-ink:    var(--sand-100);       /* body on indigo */
  --text-on-ink-muted: var(--indigo-300);
  --text-gold:      var(--brass-500);
  --text-link:      var(--teal-600);

  /* Lines & borders */
  --border-hairline: rgba(74, 67, 52, 0.16);  /* warm hairline on cream */
  --border-soft:     rgba(74, 67, 52, 0.10);
  --border-gold:     var(--brass-400);
  --border-on-ink:   rgba(226, 210, 160, 0.24); /* gold hairline on indigo */

  /* Feedback */
  --success: var(--teal-600);
  --warning: var(--brass-600);
  --danger:  var(--garnet-600);
  --info:    var(--indigo-600);

  /* Focus ring */
  --focus-ring: rgba(194, 162, 78, 0.55);
}