/* VENDORED from @roamfreevhr/design-system@0.6.0 (compat/roam-free.css).
   Generated by scripts/sync-tokens.js — do not edit here.
   Change tokens in the design-system repo, publish, bump the version, re-sync. */
/* Roam Free legacy-name compat shim.
   Maps the site's historical variable names onto canonical tokens so an
   existing stylesheet can adopt the design system with near-zero churn.
   Load AFTER tokens.css. Delete the site's local :root drift when you add this.
   Retire these aliases over time in favor of the canonical --color-* names. */
:root {
  --teal:        var(--color-brand);
  --teal-dark:   var(--color-brand-strong);
  --teal-deeper: var(--color-brand-deep);
  --teal-light:  var(--color-brand-soft);
  --teal-tint:   var(--color-brand-soft);
  --cream:       var(--color-surface);
  --white:       var(--color-white);
  --text:        var(--color-text);
  --charcoal:    var(--color-text);
  --muted:       var(--color-muted);
  --line:        var(--color-line);
  --gold:        var(--color-accent);
  --gold-light:  var(--color-accent-light);
  --gray-100:    var(--color-neutral-100);
  --gray-700:    var(--color-neutral-700);
  --gray-500:    var(--color-neutral-500);
  --gray-400:    var(--color-neutral-400);
  --gray-300:    var(--color-neutral-300);
  --gray-200:    var(--color-neutral-200);
  --radius:      var(--radius-card);
  --font-heading:   var(--font-family-display);
  --font-body:      var(--font-family-body);
  --font-brand:     var(--font-family-brand);
  --font-editorial: var(--font-family-editorial);  /* Spectral — italic headline accent (Hill Country Editorial) */
  --shadow:       var(--shadow-card);
}

/* ── Recovered from the 2026-07-18 brand snapshot ────────────────────────
   Second wave of legacy aliases, added when the snapshot's remaining values
   were brought into tokens/. Same rule as above: these are historical names,
   not canonical ones — prefer the --color-* / --type-* / --motion-* tokens in
   new code.

   DELIBERATELY NOT ALIASED, because the alias would lie:
     --radius-sm   snapshot 10px, this repo 6px. Port markup to --radius-md.
     --radius-card snapshot 14px, this repo 12px. No token carries 14px.
     --gray-100    snapshot #e8e8e8, --color-neutral-100 is #f3f4f6.
   Those are real value disagreements and need a human decision, not a shim. */
:root {
  --teal-light-tint: var(--color-brand-bright);
  --bg-light:        var(--color-surface-alt);
  --gold-dark:       var(--color-accent-strong);
  --gold-pale:       var(--color-accent-wash);

  --dark-bg:         var(--color-dark-bg);
  --dark-surface:    var(--color-dark-surface);
  --dark-card:       var(--color-dark-card);
  --dark-card-alt:   var(--color-dark-card-alt);
  --dark-border:     var(--color-dark-line);

  --error:           var(--color-error);
  --error-dark:      var(--color-dark-error);   /* legacy name is misleading: this is the DARK-THEME error, and it is lighter */

  --grad-hero:       var(--gradient-hero);
  --grad-dark-hero:  var(--gradient-dark-hero);

  --container:       var(--container-max);
  --bp-mobile:       var(--breakpoint-mobile);
  --bp-tablet:       var(--breakpoint-tablet);

  --ease:            var(--motion-transition-base);   /* snapshot value .25s ease == 250ms ease */

  --h1-size:    var(--type-h1-size);
  --h1-weight:  var(--type-h1-weight);
  --h1-lh:      var(--type-h1-leading);
  --h2-size:    var(--type-h2-size);
  --h2-weight:  var(--type-h2-weight);
  --h2-lh:      var(--type-h2-leading);
  --h3-size:    var(--type-h3-size);
  --h3-weight:  var(--type-h3-weight);
  --h3-lh:      var(--type-h3-leading);
  --h4-size:    var(--type-h4-size);
  --h4-weight:  var(--type-h4-weight);
  --h4-lh:      var(--type-h4-leading);
  --body-size:  var(--type-body-size);
  --body-lh:    var(--type-body-leading);
  --small-size: var(--type-small-size);
  --small-lh:   var(--type-small-leading);
  --eyebrow-size: var(--type-eyebrow-size);
}