/* ATD London — Color tokens
 * Derived from the ATD monogram: warm brushed-gold on near-black.
 */
:root {
  /* --- Brand: Gold --- */
  --gold-50:  #FBF6EE;
  --gold-100: #F1E4CF;
  --gold-200: #E4CDA8;
  --gold-300: #DBBE97;
  --gold-400: #CAA274;  /* core brand gold (sampled from logo) */
  --gold-500: #B98F5D;
  --gold-600: #A5824F;
  --gold-700: #86663B;
  --gold-800: #5E4828;
  --gold-900: #3A2C18;

  /* --- Brand: Charcoal / Black --- */
  --ink-950: #101010;
  --ink-900: #141414;   /* deepest surface */
  --ink-850: #1A1A1A;
  --ink-800: #1F1F1F;   /* base surface (sampled from logo bg) */
  --ink-700: #2A2A2A;   /* elevated surface */
  --ink-600: #3A3A3A;
  --ink-500: #565656;
  --ink-400: #7A7A7A;
  --ink-300: #A0A0A0;
  --ink-200: #C7C7C7;
  --ink-100: #E4E4E4;
  --ink-50:  #F5F2ED;   /* warm off-white */
  --white:   #FFFFFF;

  /* --- Semantic status (muted to sit on dark) --- */
  --success: #6FA96B;
  --warning: #E0A83C;
  --danger:  #C7513E;
  --info:    #6E93B0;

  /* ================= Semantic aliases ================= */
  --brand:            var(--gold-400);
  --brand-hover:      var(--gold-300);
  --brand-press:      var(--gold-500);
  --brand-contrast:   var(--ink-900);

  --bg-base:          var(--ink-800);
  --bg-deep:          var(--ink-900);
  --surface-card:     var(--ink-700);
  --surface-raised:   var(--ink-600);

  --text-primary:     var(--ink-50);
  --text-secondary:   var(--ink-300);
  --text-muted:       var(--ink-400);
  --text-on-gold:     var(--ink-900);
  --text-accent:      var(--gold-400);

  --border-subtle:    rgba(255,255,255,0.08);
  --border-default:   rgba(255,255,255,0.14);
  --border-strong:    var(--gold-600);
  --focus-ring:       var(--gold-300);
}