/* Rooma Design System — Color Tokens
 *
 * Six core colors + two surface variants.
 * The palette holds the tension between dark enterprise authority
 * (Midnight) and the organic warmth of hospitality design (Ivory, Gilt).
 *
 * Rules:
 *  — Gilt is an accent; max ONE Gilt element per composition.
 *  — Never use #000000 or #FFFFFF; use --midnight and --ivory.
 *  — No gradients, glows, or drop shadows anywhere.
 *  — Data visualisations are the only place additional colors may appear.
 */

:root {
  /* ── Core palette ──────────────────────────────────── */
  --midnight:     #0C1B2E;   /* Primary dark bg — covers, section openers */
  --surface:      #162438;   /* Dark card bg — content within dark slides   */
  --surface-2:    #1D3048;   /* Deeper dark — callouts within dark surfaces */
  --ivory:        #F8F4EE;   /* Primary light bg — interior pages, reading  */
  --parchment:    #E8E3D9;   /* Dividers, borders, area fills (light only)  */
  --gilt:         #B8873A;   /* Sole accent — overlines, rules, key numbers */
  --gilt-light:   #D4A95E;   /* Gilt variant — italic em, chart highlights  */
  --slate:        #687685;   /* Secondary text — captions, data labels       */
  --body:         #2A2A2A;   /* Body text on light surfaces                  */
  --muted:        #6B6B6B;   /* Muted / tertiary text on light surfaces      */

  /* ── Surface shades ─────────────────────────────────── */
  --bg-alt:       #FDFAF6;   /* Slightly warmer alt for section alternation  */

  /* ── Semantic surface aliases ───────────────────────── */
  --bg-dark:           var(--midnight);
  --bg-dark-card:      var(--surface);
  --bg-dark-card-2:    var(--surface-2);
  --bg-light:          var(--ivory);
  --bg-light-subtle:   var(--bg-alt);

  /* ── Semantic border aliases ────────────────────────── */
  --border-dark:       rgba(248, 244, 238, 0.07);
  --border-dark-mid:   rgba(248, 244, 238, 0.12);
  --border-light:      var(--parchment);
  --border-gilt:       rgba(184, 135, 58, 0.28);
  --border-gilt-light: rgba(184, 135, 58, 0.14);

  /* ── Semantic text aliases ──────────────────────────── */
  --text-on-dark:         var(--ivory);
  --text-on-dark-muted:   rgba(248, 244, 238, 0.55);
  --text-on-dark-faint:   rgba(248, 244, 238, 0.35);
  --text-on-dark-ghost:   rgba(248, 244, 238, 0.18);
  --text-on-light:        var(--body);
  --text-on-light-muted:  var(--muted);
  --text-accent:          var(--gilt);
  --text-accent-light:    var(--gilt-light);
  --text-data:            var(--slate);

  /* ── Interactive state overlays ─────────────────────── */
  --hover-dark:   rgba(248, 244, 238, 0.04);
  --hover-light:  rgba(12,  27,  46,  0.04);
  --active-dark:  rgba(248, 244, 238, 0.08);
  --active-light: rgba(12,  27,  46,  0.08);
}