/* ============================================================
   ArtHAUS — Color tokens
   Golden-hour warmth: deep warm near-blacks, cream paper,
   and a single signature gold used sparingly for emphasis.
   ============================================================ */

:root {
  /* ---- Signature gold (the beam) ----------------------------
     Anchored to the logo's solid gold #D3AA29. Use SPARINGLY:
     a single rule, a hairline, a key word — never as a fill field. */
  --gold-100: #F6EBCB;
  --gold-200: #EFDDA4;
  --gold-300: #E3C76A; /* golden-hour highlight (on dark) */
  --gold-400: #D6AF34; /* the logo beam / accents on ink */
  --gold-500: #C9A227; /* PRIMARY signature gold */
  --gold-600: #A8851F; /* gold text on cream (legible) */
  --gold-700: #80641A; /* deep gold, hover/active on light */

  /* ---- Warm near-blacks & ink ----------------------------- */
  --ink-950: #14110E; /* deepest espresso — hero / full-bleed bg */
  --ink-900: #1A1611;
  --ink-800: #231F1B; /* warm near-black (the architectural mark) */
  --ink-700: #322C25;
  --ink-600: #4A4238;
  --ink-500: #6B6155; /* warm gray — secondary text on light */
  --ink-400: #8C8174; /* warm taupe — muted text / captions */
  --ink-300: #ADA294; /* hairline-on-dark, disabled */
  --ink-200: #CFC6B7;

  /* ---- Cream / paper -------------------------------------- */
  --cream-300: #DACFBC; /* sand — deeper cream surfaces */
  --cream-200: #E6DCCB;
  --cream-100: #EFE8DA; /* warm card on paper */
  --cream-50:  #F7F2E9; /* base paper */
  --paper:     #FBF8F2; /* lightest paper */
  --white:     #FFFFFF;

  /* ---- Functional (muted, warm — never neon) -------------- */
  --success: #5E7A52; /* sage */
  --success-soft: #E7ECDF;
  --warning: #B8860B; /* deep amber (distinct from brand gold) */
  --warning-soft: #F4E9CC;
  --danger:  #9E4B3B; /* terracotta */
  --danger-soft: #F0DDD6;
  --info:    #5B6E78; /* slate-teal */
  --info-soft: #E0E6E8;

  /* ============================================================
     SEMANTIC ALIASES — design against these, not the scale.
     ============================================================ */

  /* Surfaces (light / paper context, the default) */
  --surface-page:     var(--paper);
  --surface-raised:   var(--cream-50);
  --surface-card:     var(--white);
  --surface-sunken:   var(--cream-100);
  --surface-inverse:  var(--ink-950);

  /* Text (on light) */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-500);
  --text-subtle:   var(--ink-400);
  --text-on-dark:  var(--cream-50);
  --text-on-dark-muted: var(--ink-300);
  --text-gold:     var(--gold-600);

  /* Accent */
  --accent:        var(--gold-500);
  --accent-strong: var(--gold-600);
  --accent-press:  var(--gold-700);
  --accent-on-dark: var(--gold-400);

  /* Lines */
  --line:          color-mix(in srgb, var(--ink-800) 14%, transparent);
  --line-strong:   color-mix(in srgb, var(--ink-800) 26%, transparent);
  --line-on-dark:  color-mix(in srgb, var(--cream-50) 16%, transparent);
  --hairline-gold: var(--gold-500);

  /* Focus */
  --focus-ring:    color-mix(in srgb, var(--gold-500) 55%, transparent);
}