/* ============================================================
   FMRG — Color tokens
   A near-monochrome editorial palette: ink black + true white,
   a cool-neutral gray ramp, and a single warm gold accent
   reserved for print collateral / fine detail.
   ============================================================ */
:root {
  /* --- Ink & paper (base) --- */
  --fmrg-ink:        #0E0E0E;  /* primary near-black — logo, headlines, primary buttons */
  --fmrg-black:      #000000;  /* true black — full-bleed photo overlays, seal */
  --fmrg-white:      #FFFFFF;  /* paper */

  /* --- Neutral gray ramp (cool-neutral) --- */
  --fmrg-gray-950:   #141414;
  --fmrg-gray-900:   #1C1C1E;
  --fmrg-gray-800:   #2A2A2D;
  --fmrg-gray-700:   #3D3D42;
  --fmrg-gray-600:   #565660;
  --fmrg-gray-500:   #7A7A83;
  --fmrg-gray-400:   #9B9BA3;
  --fmrg-gray-300:   #C2C2C8;
  --fmrg-gray-200:   #DEDEE2;
  --fmrg-gray-150:   #E8E8EB;
  --fmrg-gray-100:   #F1F1F3;
  --fmrg-gray-50:    #F7F7F8;

  /* --- Accent: warm gold (collateral / fine accents only) --- */
  --fmrg-gold:       #B08B4F;
  --fmrg-gold-soft:  #C7A876;
  --fmrg-gold-deep:  #8C6C39;

  /* --- Glass tints (over photography) --- */
  --fmrg-glass-light: rgba(255,255,255,0.10);
  --fmrg-glass-dark:  rgba(14,14,14,0.42);
  --fmrg-glass-border:rgba(255,255,255,0.22);

  /* ============================================================
     SEMANTIC ALIASES — reference these in components / layouts
     ============================================================ */
  /* Text */
  --text-strong:   var(--fmrg-ink);
  --text-body:     var(--fmrg-gray-700);
  --text-muted:    var(--fmrg-gray-500);
  --text-eyebrow:  var(--fmrg-gray-500);
  --text-inverse:  var(--fmrg-white);
  --text-on-dark:  rgba(255,255,255,0.82);
  --text-accent:   var(--fmrg-gold);

  /* Surfaces */
  --surface-page:    var(--fmrg-white);
  --surface-card:    var(--fmrg-white);
  --surface-sunken:  var(--fmrg-gray-50);
  --surface-inverse: var(--fmrg-ink);
  --surface-seal:    var(--fmrg-black);

  /* Lines & borders */
  --border-hairline: var(--fmrg-gray-200);
  --border-strong:   var(--fmrg-ink);
  --border-on-dark:  rgba(255,255,255,0.18);

  /* Interactive (primary = ink) */
  --action-bg:        var(--fmrg-ink);
  --action-fg:        var(--fmrg-white);
  --action-bg-hover:  #262626;
  --action-bg-active: var(--fmrg-black);

  /* Focus ring */
  --focus-ring: rgba(176,139,79,0.55);
}