/* Ember: shared design tokens for the React app and public pages. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root {
  color-scheme: dark;
  --ember-bg: #151210;
  --ember-surface: #211c18;
  --ember-raised: #302720;
  --ember-media: #0e0c0b;
  --ember-text: #f5f0eb;
  --ember-muted: #c1b4a8;
  --ember-accent: #edc295;
  --ember-accent-hover: #f6d6b4;
  --ember-on-accent: #281b10;
  --ember-border: #493c31;
  --ember-glass-border: #ffffff29;
  --ember-glass: #30271fec;
  --ember-glass-tint: #30271fc9;
  --ember-success-bg: #202f26;
  --ember-success: #b6dfc3;
  --ember-error-bg: #3c2421;
  --ember-error: #ffc2b5;
  --ember-font-body: 'DM Sans', system-ui, sans-serif;
  --ember-font-heading: 'Manrope', system-ui, sans-serif;
  --ember-type-meta: .75rem;
  --ember-type-label: .875rem;
  --ember-type-body: 1rem;
  --ember-type-card: 1.0625rem;
  --ember-type-viewer: 1.625rem;
  --ember-type-title: 1.9375rem;
  --ember-space-1: .25rem;
  --ember-space-2: .5rem;
  --ember-space-3: .75rem;
  --ember-space-4: 1rem;
  --ember-space-6: 1.5rem;
  --ember-space-8: 2rem;
  --ember-radius-control: .875rem;
  --ember-radius-card: 1.75rem;
  --ember-radius-pill: 999px;
  --ember-blur: 28px;
  --ember-shadow: 0 16px 48px #00000030, inset 0 1px 0 #ffffff06;
  --ember-ambient: radial-gradient(ellipse at 15% 0%, #bd7e471c, transparent 55%);
}