:root {
  /* ===========================
     Palette (brand)
     =========================== */

  /* Forest (base) */
  --forest-900: #04110c;
  --forest-850: #061510;
  --forest-825: #071813;
  --forest-600: #103124;

  /* Forest (warm lifts for the “room”) */
  --forest-780: #0b241a; /* warm forest */
  --forest-740: #0f2d21; /* lifted forest */
  --forest-700: #143526; /* warm border/lines */

  /* Linen / parchment (green-tinted, not yellow) */
  --parchment-25:  #f9fdfb;
  --parchment-50:  #f3f9f4;
  --parchment-100: #ecf4ee;
  --parchment-200: #d3e1d8;

  /* Softer border option */
  --parchment-150: #e1ece4;

  /* Ink */
  --ink-900: #0b1512;
  --ink-700: #1d2e26;

  /* Accent highlights (markup only) */
  --gold-500:   #f3c76a;
  --teal-500:   #0f766e;
  --blue-500:   #5aa7ff;
  --purple-500: #a78bfa;

  /* ===========================
     Semantics
     =========================== */
  color-scheme: dark;

  /* Stage (outer chrome) — warmed & lifted */
  --dm-stage-bg:        var(--forest-780);
  --dm-stage-bg-raise:  var(--forest-740);
  --dm-stage-bg-deep:   var(--forest-900);
  --dm-stage-border:    var(--forest-700);

  /* Paper (centre stage) */
  --dm-paper:           var(--parchment-25);
  --dm-paper-2:         var(--parchment-50);

  /* Slightly warmer/softer paper border */
  --dm-paper-border:    var(--parchment-150);

  /* Text */
  --dm-text-on-stage:   var(--parchment-100);
  --dm-muted-on-stage:  #a8b3a7;

  --dm-text-on-paper:   var(--ink-900);
  --dm-muted-on-paper:  var(--ink-700);

  /* Links */
  --dm-link:            var(--teal-500);
  --dm-link-hover:      var(--gold-500);

  /* Highlight accents */
  --dm-accent-yellow:   var(--gold-500);
  --dm-accent-teal:     var(--teal-500);
  --dm-accent-blue:     var(--blue-500);
  --dm-accent-purple:   var(--purple-500);

  /* Focus + selection */
  --dm-focus-ring:      rgba(15, 118, 110, 0.85);
  --dm-selection-bg:    rgba(15, 118, 110, 0.18);
  --dm-selection-fg:    var(--parchment-25);

  /* Buttons */
  --dm-btn-primary-bg:     var(--parchment-50);
  --dm-btn-primary-fg:     var(--ink-900);
  --dm-btn-primary-border: var(--dm-paper-border);

  --dm-btn-ghost-bg:       rgba(4, 17, 12, 0.28);
  --dm-btn-ghost-fg:       var(--dm-text-on-stage);
  --dm-btn-ghost-border:   rgba(236, 244, 238, 0.14);

  /* Stage glow tokens (used for smooth, non-blocky gradients in chrome.css) */
  --dm-stage-glow-warm:    rgba(243, 199, 106, 0.14);
  --dm-stage-glow-warm-2:  rgba(243, 199, 106, 0.08);
  --dm-stage-glow-teal:    rgba(15, 118, 110, 0.10);

  /* Shadows */
  --dm-shadow-1: 0 0.25rem 1.25rem rgba(0,0,0,0.35);
  --dm-shadow-2: 0 0.7rem  3rem    rgba(0,0,0,0.45);

  /* ===========================
     Layout + type
     =========================== */
  --dm-maxw: 1040px;
  --dm-topbar-h: 58px;

  --dm-radius-sm: 10px;
  --dm-radius-md: 14px;
  --dm-radius-lg: 18px;

  --dm-space-2: 10px;
  --dm-space-3: 14px;
  --dm-space-4: 18px;
  --dm-space-5: 24px;
  --dm-space-6: 32px;
  --dm-space-7: 44px;
  --dm-space-8: 64px;

  --dm-font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --dm-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --dm-text-xs: 0.84rem;
  --dm-text-sm: 0.94rem;
  --dm-text-md: 1.05rem;
  --dm-text-lg: 1.22rem;
  --dm-text-xl: 1.6rem;
  --dm-text-2xl: 2.05rem;
  --dm-text-3xl: 2.6rem;

  --dm-lh-tight: 1.15;
  --dm-lh-normal: 1.45;
  --dm-lh-relaxed: 1.65;
}