/* GENERATED by brand/tools/build.mjs from brand/tokens/tokens.json v0.2.4. Do not edit: edit tokens.json and rebuild. */
:root {
  --gd-emerald: #063D39;
  --gd-gold: #F3BD51;
  --gd-gold-light: #FFE5A0;
  --gd-gold-dark: #CF8C21;
  --gd-wood: #72401F;
  --gd-ivory: #F7EBCB;
  --gd-red: #C52F43;
  --gd-teal: #27B7A8;
  --gd-app-rail: #00261E;
  --gd-app-border-strong: #7A948C;
  --gd-app-background: #071C1B;
  --gd-app-panel: #0C2929;
  --gd-app-panel-raised: #123630;
  --gd-app-border: #35504A;
  --gd-app-text: #F7EBCB;
  --gd-app-muted: #B6C5BD;
  --gd-app-nav-frame: #063D39;
  --gd-app-selected: #F3BD51;
  --gd-app-selected-ink: #10231D;
  --gd-app-button-ink: #10231D;
  --gd-app-secondary-button: #08443E;
  --gd-app-focus: #FFE5A0;
  --gd-mk-background: #080809;
  --gd-mk-panel: #131318;
  --gd-mk-border: #2A2A31;
  --gd-mk-text: #F4F4F2;
  --gd-mk-muted: #C6C6C7;
  --gd-mk-accent: #F3BD51;
  --gd-mk-header: #06332F;
  --gd-mk-header-edge: #AF773C;
  --gd-mk-header-inner-edge: #E1B45F;
  --gd-font-heading: 'Lora', Georgia, serif;
  --gd-font-display: 'Cinzel', Georgia, serif;
  --gd-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --gd-font-numeric: 'JetBrains Mono', SF Mono, Menlo, monospace;
  --gd-type-body: 16px;
  --gd-type-body-small: 14px;
  --gd-type-label: 13px;
  --gd-type-control: 15px;
  --gd-type-input: 16px;
  --gd-type-section-desktop: 24px;
  --gd-type-page-desktop: 36px;
  --gd-type-page-mobile: 28px;
  --gd-type-section-mobile: 20px;
  --gd-type-line-height: 1.5;
  --gd-type-floor: 13px;
  --gd-space-1: 4px;
  --gd-space-2: 8px;
  --gd-space-3: 12px;
  --gd-space-4: 16px;
  --gd-space-5: 24px;
  --gd-space-6: 32px;
  --gd-space-7: 48px;
  --gd-space-8: 64px;
  --gd-space-9: 96px;
  --gd-radius-control: 8px;
  --gd-radius-panel: 10px;
  --gd-radius-selected: 12px;
  --gd-size-button-min-height: 44px;
  --gd-size-tap-target: 44px;
  --gd-size-nav-icon-desktop: 92px;
  --gd-size-nav-slot-desktop: 62px 56px;
  --gd-size-nav-icon-mobile: 40px;
  --gd-size-nav-slot-mobile: 36px 30px;
  --gd-size-avatar-desktop: 44px;
  --gd-size-avatar-mobile: 40px;
  --gd-size-logo-desktop: 320px;
  --gd-size-logo-mobile: 180px;
  --gd-bp-mobile: 767px;
  --gd-bp-tablet: 1099px;
  --gd-bp-desktop: 1100px;
}
/* surfaces: the app shell sets data-gd-surface="app" on <html>, the marketing home sets "marketing" */
:root[data-gd-surface="app"] { --gd-bg: var(--gd-app-background); --gd-panel: var(--gd-app-panel); --gd-panel-raised: var(--gd-app-panel-raised); --gd-border: var(--gd-app-border); --gd-text: var(--gd-app-text); --gd-muted: var(--gd-app-muted); --gd-accent: var(--gd-gold); }
:root[data-gd-surface="marketing"] { --gd-bg: var(--gd-mk-background); --gd-panel: var(--gd-mk-panel); --gd-panel-raised: var(--gd-mk-panel); --gd-border: var(--gd-mk-border); --gd-text: var(--gd-mk-text); --gd-muted: var(--gd-mk-muted); --gd-accent: var(--gd-mk-accent); }