/* ============================================================
   DAMASK — COLOR TOKENS
   Warm amber accent on deep, quiet ink, with a teal secondary accent
   and parchment for lighter sections. Amber is reserved for emphasis
   and actions — never decorative.
   ============================================================ */
:root {
  /* --- Base palette --- */
  --amber-100: #a84d12;   /* deep, pressed */
  --amber:     #c86420;   /* PRIMARY accent — reserved for CTAs & emphasis */
  --amber-60:  #d67a3d;   /* hover step */
  --amber-70:  #e08d57;   /* highlight step */
  --amber-80:  #ebaa82;   /* soft highlight / subtle gradient */

  --teal:      #1c7d8f;   /* SECONDARY accent — feature bands, links on light */
  --teal-70:   #2f97aa;   /* teal hover */
  --teal-90:   #145966;   /* teal pressed */

  --ink:       #121212;   /* base surface — dominant backdrop */
  --ink-90:    #1f1f1f;   /* raised layer — cards, inputs, chips on dark */
  --ink-80:    #2a2a2a;   /* hover on raised dark surfaces */
  --charcoal:  #374151;   /* structural borders / support on dark */

  --parchment: #f4efe6;   /* soft warm off-white for lighter sections */
  --parchment-90: #ebe3d4;/* slightly deeper parchment for dividers */
  --white:     #ffffff;

  --error:     #b42318;   /* validation / destructive — subdued, functional */
  --error-bg:  #2a1614;

  /* --- Status / feedback colors (subdued, functional — never loud) --- */
  --success:    #6f9a4b;   /* completed, handled, positive */
  --success-bg: #1a2113;
  --warning:    #c8871f;   /* attention / needs review — kept clear of amber CTA */
  --warning-bg: #2a2012;
  --info:       #2f97aa;   /* neutral notice — teal-70 */
  --info-bg:    #10242a;
  --danger:     var(--error);      /* alias for --error */
  --danger-bg:  var(--error-bg);

  /* --- Semantic aliases (dark-first, the default Damask frame) --- */
  --surface-base:    var(--ink);
  --surface-raised:  var(--ink-90);
  --surface-hover:   var(--ink-80);
  --surface-light:   var(--parchment);
  --surface-teal:    var(--teal);

  /* semantic status text + fills */
  --status-success:    var(--success);
  --status-success-bg: var(--success-bg);
  --status-warning:    var(--warning);
  --status-warning-bg: var(--warning-bg);
  --status-error:      var(--error);
  --status-error-bg:   var(--error-bg);
  --status-info:       var(--info);
  --status-info-bg:    var(--info-bg);


  --text-primary:    var(--white);
  --text-muted:      rgba(255,255,255,0.62);
  --text-faint:      rgba(255,255,255,0.40);
  --text-on-light:   var(--ink);
  --text-on-light-muted: rgba(18,18,18,0.60);

  --accent:          var(--amber);
  --accent-hover:    var(--amber-60);
  --accent-pressed:  var(--amber-100);
  --accent-text:     var(--white);

  --border-subtle:   var(--charcoal);
  --border-hair:     rgba(255,255,255,0.10);
  --border-on-light: rgba(18,18,18,0.14);

  --focus-ring:      var(--amber-70);
}