/* Le Club Évolution — Color system
   A luxury identity: warm metallic gold on deep leather black, with a warm
   cream "paper" surface for light contexts. Warm neutrals throughout — no cold greys. */
:root {
  /* — Gold ramp (the single brand accent) — */
  --gold-100: #F4E9CC;
  --gold-200: #E9D4A0;
  --gold-300: #DCBE77;
  --gold-400: #CDA657;
  --gold-500: #C6A15B; /* primary brand gold (from logo) */
  --gold-600: #A9853F;
  --gold-700: #86682F;
  --gold-800: #5E4820;
  --gold-900: #3A2C13;

  /* — Ink / leather neutrals (warm blacks) — */
  --ink-950: #0A0908; /* deepest leather black */
  --ink-900: #0F0E0C;
  --ink-850: #16130f;
  --ink-800: #1C1813; /* raised surface on black */
  --ink-700: #26211A;
  --ink-600: #3A342A;
  --ink-500: #554C3E;
  --ink-400: #7A7060;
  --ink-300: #A39A88;
  --ink-200: #C9C1B2;

  /* — Cream / paper neutrals (warm off-whites) — */
  --paper-50:  #FBF8F1;
  --paper-100: #F6F1E7; /* primary light surface */
  --paper-200: #EFE7D6;
  --paper-300: #E4D9C1;
  --paper-400: #D3C4A4;

  /* — Semantic status (muted, never neon) — */
  --success: #6F7E4C;
  --warning: #C08A2E;
  --danger:  #9E3B2E;
  --info:    #4E6472;

  /* ————— Semantic aliases (dark / default context) ————— */
  --bg-base:        var(--ink-950);
  --bg-raised:      var(--ink-850);
  --bg-overlay:     rgba(10, 9, 8, 0.72);
  --surface-card:   var(--ink-850);
  --surface-inset:  var(--ink-900);

  --text-strong:    var(--paper-50);
  --text-body:      var(--paper-200);
  --text-muted:     var(--ink-300);
  --text-faint:     var(--ink-400);
  --text-onGold:    var(--ink-950);

  --accent:         var(--gold-500);
  --accent-hover:   var(--gold-400);
  --accent-press:   var(--gold-600);
  --accent-soft:    rgba(198, 161, 91, 0.14);

  --border-hairline: rgba(198, 161, 91, 0.22); /* gold hairline on dark */
  --border-subtle:   rgba(246, 241, 231, 0.10);
  --border-strong:   var(--gold-600);

  --focus-ring:     rgba(198, 161, 91, 0.55);
  --link:           var(--gold-400);
  --link-hover:     var(--gold-300);
}

/* ————— Light "paper" context ————— */
.theme-paper {
  --bg-base:        var(--paper-100);
  --bg-raised:      var(--paper-50);
  --bg-overlay:     rgba(246, 241, 231, 0.78);
  --surface-card:   var(--paper-50);
  --surface-inset:  var(--paper-200);

  --text-strong:    var(--ink-950);
  --text-body:      var(--ink-800);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-onGold:    var(--ink-950);

  --accent:         var(--gold-600);
  --accent-hover:   var(--gold-500);
  --accent-press:   var(--gold-700);
  --accent-soft:    rgba(169, 133, 63, 0.12);

  --border-hairline: rgba(120, 92, 40, 0.28);
  --border-subtle:   rgba(15, 14, 12, 0.10);
  --border-strong:   var(--gold-700);

  --focus-ring:     rgba(169, 133, 63, 0.5);
  --link:           var(--gold-700);
  --link-hover:     var(--gold-600);
}