/* ============================================================
   HARMONIA — Color tokens
   White & gold. Warm ivory grounds, antique gold accent,
   deep bronze for dark sections, warm ink for text.
   Primitives first, then semantic aliases (reference those).
   ============================================================ */
:root {
  /* —————————————————— PRIMITIVES —————————————————— */

  /* Ivory / paper grounds */
  --white:     #ffffff;
  --ivory-50:  #fbf9f3;  /* primary page ground            */
  --ivory-100: #f4f0e6;  /* quiet section / sunken         */
  --ivory-200: #e9e2d2;  /* subtle borders on light        */
  --ivory-300: #dcd2bc;  /* stronger hairline / fill edge  */

  /* Antique gold (the single accent) */
  --gold-50:  #fbf6eb;
  --gold-100: #f1e7ce;  /* palest wash (max gold fill)     */
  --gold-200: #e3d2a6;
  --gold-300: #d2bc86;
  --gold-400: #c5a86a;
  --gold-500: #b8954f;  /* PRIMARY gold                    */
  --gold-600: #9a7b3c;  /* hover / deep gold               */
  --gold-700: #7c622e;  /* accessible gold text on light   */
  --gold-800: #5a4720;  /* darkest gold ink                */

  /* Bronze (dark grounds + wordmark ink) */
  --bronze-700: #3a311c;
  --bronze-800: #2a2414;
  --bronze-900: #211c10;  /* deepest section ground        */

  /* Warm ink neutrals */
  --ink-900: #1e1a12;  /* primary text (warm near-black)   */
  --ink-700: #3d372c;
  --ink-600: #5c5446;  /* secondary text                   */
  --ink-500: #7a7160;  /* muted text                       */
  --ink-400: #9a9180;
  --ink-300: #bdb5a4;
  --ink-200: #dad3c4;  /* default border                   */

  /* Status (muted, earthy — sits inside the palette) */
  --positive:      #5e7355;  /* sage                        */
  --positive-soft: #eef1ea;
  --caution:       #b6852f;  /* ochre                       */
  --caution-soft:  #f6eeda;
  --critical:      #a24b3b;  /* terracotta                  */
  --critical-soft: #f4e6e1;

  /* —————————————————— SEMANTIC ALIASES —————————————————— */

  /* Backgrounds / surfaces */
  --bg-page:    var(--ivory-50);
  --bg-surface: var(--white);
  --bg-sunken:  var(--ivory-100);
  --bg:         var(--ivory-50);   /* shorthand alias        */
  --paper:      var(--ivory-50);
  --paper-2:    var(--ivory-100);
  --linen:      var(--ivory-100);
  --surface-inverse: var(--bronze-900);

  /* Text */
  --text-primary:       var(--ink-900);
  --text-secondary:     var(--ink-600);
  --text-muted:         var(--ink-500);
  --text-gold:          var(--gold-700);
  --text-on-dark:       var(--ivory-50);
  --text-on-dark-muted: rgba(247, 240, 224, 0.66);
  --text:               var(--ink-900);   /* shorthand alias  */
  --on-accent:          #ffffff;          /* text on gold     */

  /* Accent */
  --accent:        var(--gold-500);
  --accent-strong: var(--gold-600);

  /* Borders / lines */
  --border-default: var(--ink-200);
  --border-subtle:  var(--ivory-200);
  --border-inverse: rgba(247, 240, 224, 0.18);
  --hairline:       rgba(33, 28, 16, 0.10);
  --hairline-gold:  rgba(184, 149, 79, 0.38);

  /* Interaction */
  --focus-ring: rgba(184, 149, 79, 0.55);
  --overlay:    rgba(20, 17, 13, 0.55);
}