/* Celestro design tokens. Brand values come from celestro/final/tokens.css;
   the semantic layer below is what the site's components use. */

:root {
  /* Brand */
  --ember: #D04B1A;
  --ink-brand: #141210;
  --paper-brand: #FAF8F5;

  /* Type */
  --font-display: 'Cormorant Garamond', 'Garamond Premier Pro', Garamond, serif;
  --font-body: 'Jost', 'Futura PT', Futura, system-ui, sans-serif;
  --text-small: .9375rem;
  --text-body: 1.125rem;
  --text-lead: clamp(1.375rem, 1.9vw, 1.75rem);
  --text-h3: clamp(1.75rem, 2.6vw, 2.5rem);
  --text-h2: clamp(2.25rem, 4.2vw, 3.75rem);
  --text-h1: clamp(2.5rem, 5.4vw, 4.75rem);

  /* Space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --gutter: clamp(20px, 5vw, 72px);
  --section: clamp(96px, 12vw, 176px);
  --page: 1360px;
  --nav-height: 72px;

  /* Shape and motion */
  --radius: 2px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-quick: .2s;
  --t-base: .5s;
  --t-slow: 1.1s;

  /* Light theme */
  color-scheme: light;
  --bg: #FAF8F5;
  --surface: #F1EDE6;
  --ink: #141210;
  --text: #3A3631;
  --muted: #6B655D;
  --rule: #8A847C;
  --rule-soft: #DDD7CD;
  --band-bg: #141210;
  --band-ink: #FAF8F5;
  --band-text: #CFC8BD;
  --band-muted: #9A9388;
  --band-rule: #5A554E;
  --band-rule-soft: #302C28;
}

/* Dark theme: warm charcoal, bone text. The band lifts instead of inverting. */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #161412;
  --surface: #1F1C19;
  --ink: #F2EDE4;
  --text: #CBC4B8;
  --muted: #9A9388;
  --rule: #6B655D;
  --rule-soft: #2E2A26;
  --band-bg: #221F1B;
  --band-ink: #F2EDE4;
  --band-text: #CBC4B8;
  --band-muted: #A19A8F;
  --band-rule: #6B655D;
  --band-rule-soft: #38332E;
}