/* apex-brand — generated by tools/apex_tokens.py. Do not hand-edit.
   Two palettes, not four. A theme picks which one is the page; the
   other is what an inverting band gets, so a band can never drift
   from the theme it is nested in. Dark is the complete palette on
   bare :root, so nothing lives solely inside a media query, and an
   explicit data-theme wins over the system preference in both
   directions. Every colour is the nearest OKLCh lightness clearing
   its role's WCAG ratio against that palette's worst ground. */
:root {
  color-scheme: dark light;
  --ap-ground: #1a1d12;
  --ap-raise: #292d21;
  --ap-sink: #0d1006;
  --ap-ink: #f1f1ec;
  --ap-ink-muted: #93928a;
  --ap-accent: #d2ff00;
  --ap-on-accent: #1a1d12;
  --ap-accent-text: #d2ff00;
  --ap-accent-quiet: #282e11;
  --ap-bar: #75756a;
  --ap-bar-track: #535348;
  --ap-stroke: #75746d;
  --ap-rule: #47473f;
  --ap-focus: #f1f1ec;

  --ap-family-display: 'Bodoni Moda', 'Bodoni MT', Didot, 'Playfair Display', Georgia, serif;
  --ap-family-text: 'Mona Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --ap-wdth-display: 116;
  --ap-wdth-heading: 104;
  --ap-wdth-body: 100;
  --ap-wdth-label: 82;
  --ap-weight-display: 800;
  --ap-weight-heading: 700;
  --ap-weight-body: 400;
  --ap-weight-medium: 600;
  --ap-weight-label: 700;
  --ap-weight-serif: 700;
  --ap-weight-serif-mark: 900;

  --ap-text-display: clamp(2.75rem, 0.7201rem + 9.0217vw, 7.9375rem);
  --ap-leading-display: 0.86;
  --ap-tracking-display: -0.0315em;
  --ap-text-h1: clamp(2.125rem, 1.1957rem + 4.1304vw, 4.5rem);
  --ap-leading-h1: 0.92;
  --ap-tracking-h1: -0.0417em;
  --ap-text-h2: clamp(1.875rem, 1.0435rem + 3.6957vw, 4rem);
  --ap-leading-h2: 0.94;
  --ap-tracking-h2: -0.0417em;
  --ap-text-h3: clamp(1.5rem, 1.007rem + 2.1913vw, 2.76rem);
  --ap-leading-h3: 1.0;
  --ap-tracking-h3: -0.0313em;
  --ap-text-h4: clamp(1.3125rem, 1.0435rem + 1.1957vw, 2rem);
  --ap-leading-h4: 1.05;
  --ap-tracking-h4: -0.0313em;
  --ap-text-h5: clamp(1.1875rem, 1.0652rem + 0.5435vw, 1.5rem);
  --ap-leading-h5: 1.15;
  --ap-tracking-h5: -0.02em;
  --ap-text-lede: clamp(1.125rem, 0.9391rem + 0.8261vw, 1.6rem);
  --ap-leading-lede: 1.35;
  --ap-tracking-lede: -0.01em;
  --ap-text-body: 1.0rem;
  --ap-leading-body: 1.55;
  --ap-text-micro: 0.875rem;
  --ap-leading-micro: 1.45;
  --ap-text-eyebrow: 0.75rem;
  --ap-leading-eyebrow: 1.2;
  --ap-tracking-eyebrow: 0.0865em;

  --ap-space-3xs: 0.25rem;
  --ap-space-2xs: 0.5rem;
  --ap-space-xs: 0.75rem;
  --ap-space-sm: 1.0rem;
  --ap-space-gap: 1.25rem;
  --ap-space-md: 2.0rem;
  --ap-space-lg: 3.0rem;
  --ap-space-xl: 4.0rem;
  --ap-space-2xl: 5.0rem;

  --ap-radius-sm: 1rem;
  --ap-radius-md: 3rem;
  --ap-radius-pill: 6.25rem;
  --ap-radius-round: 50%;

  --ap-ease: cubic-bezier(.19, 1, .22, 1);
  --ap-enter: 600ms;
  --ap-enter-quick: 300ms;
  --ap-exit: 200ms;
  --ap-exit-quick: 100ms;
  --ap-reveal: 600ms;
  --ap-reveal-offset: 300ms;
  --ap-reveal-stagger: 150ms;
  --ap-ease-reveal: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ap-ease-wipe: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ap-hover-chars: 600ms;
  --ap-hover-char-stagger: 20ms;
  --ap-ease-chars: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ap-hero: 1500ms;
  --ap-hero-stagger: 15ms;
  --ap-draw: 400ms;
  --ap-draw-stagger: 30ms;
  --ap-ease-draw: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ap-theme: 200ms;

  --ap-measure-page: 80rem;
  --ap-measure-band: 62rem;
  --ap-measure-prose: 34rem;
  --ap-measure-card: 21rem;
}

/* The inverting band, in the dark theme: it gets the light palette. */
.ap-flip {
  --ap-ground: #f1f1ec;
  --ap-raise: #fbfbf8;
  --ap-sink: #e0e0db;
  --ap-ink: #1a1d12;
  --ap-ink-muted: #64645d;
  --ap-accent: #6d8900;
  --ap-on-accent: #14170c;
  --ap-accent-text: #556b00;
  --ap-accent-quiet: #dfe2cb;
  --ap-bar: #818076;
  --ap-bar-track: #a9a89d;
  --ap-stroke: #808078;
  --ap-rule: #b9b8b0;
  --ap-focus: #1a1d12;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ap-ground: #f1f1ec;
    --ap-raise: #fbfbf8;
    --ap-sink: #e0e0db;
    --ap-ink: #1a1d12;
    --ap-ink-muted: #64645d;
    --ap-accent: #6d8900;
    --ap-on-accent: #14170c;
    --ap-accent-text: #556b00;
    --ap-accent-quiet: #dfe2cb;
    --ap-bar: #818076;
    --ap-bar-track: #a9a89d;
    --ap-stroke: #808078;
    --ap-rule: #b9b8b0;
    --ap-focus: #1a1d12;
  }
  :root:not([data-theme="dark"]) .ap-flip {
    --ap-ground: #1a1d12;
    --ap-raise: #292d21;
    --ap-sink: #0d1006;
    --ap-ink: #f1f1ec;
    --ap-ink-muted: #93928a;
    --ap-accent: #d2ff00;
    --ap-on-accent: #1a1d12;
    --ap-accent-text: #d2ff00;
    --ap-accent-quiet: #282e11;
    --ap-bar: #75756a;
    --ap-bar-track: #535348;
    --ap-stroke: #75746d;
    --ap-rule: #47473f;
    --ap-focus: #f1f1ec;
  }
}

[data-theme="light"] {
  --ap-ground: #f1f1ec;
  --ap-raise: #fbfbf8;
  --ap-sink: #e0e0db;
  --ap-ink: #1a1d12;
  --ap-ink-muted: #64645d;
  --ap-accent: #6d8900;
  --ap-on-accent: #14170c;
  --ap-accent-text: #556b00;
  --ap-accent-quiet: #dfe2cb;
  --ap-bar: #818076;
  --ap-bar-track: #a9a89d;
  --ap-stroke: #808078;
  --ap-rule: #b9b8b0;
  --ap-focus: #1a1d12;
}

[data-theme="light"] .ap-flip {
  --ap-ground: #1a1d12;
  --ap-raise: #292d21;
  --ap-sink: #0d1006;
  --ap-ink: #f1f1ec;
  --ap-ink-muted: #93928a;
  --ap-accent: #d2ff00;
  --ap-on-accent: #1a1d12;
  --ap-accent-text: #d2ff00;
  --ap-accent-quiet: #282e11;
  --ap-bar: #75756a;
  --ap-bar-track: #535348;
  --ap-stroke: #75746d;
  --ap-rule: #47473f;
  --ap-focus: #f1f1ec;
}

[data-theme="dark"] {
  --ap-ground: #1a1d12;
  --ap-raise: #292d21;
  --ap-sink: #0d1006;
  --ap-ink: #f1f1ec;
  --ap-ink-muted: #93928a;
  --ap-accent: #d2ff00;
  --ap-on-accent: #1a1d12;
  --ap-accent-text: #d2ff00;
  --ap-accent-quiet: #282e11;
  --ap-bar: #75756a;
  --ap-bar-track: #535348;
  --ap-stroke: #75746d;
  --ap-rule: #47473f;
  --ap-focus: #f1f1ec;
}

[data-theme="dark"] .ap-flip {
  --ap-ground: #f1f1ec;
  --ap-raise: #fbfbf8;
  --ap-sink: #e0e0db;
  --ap-ink: #1a1d12;
  --ap-ink-muted: #64645d;
  --ap-accent: #6d8900;
  --ap-on-accent: #14170c;
  --ap-accent-text: #556b00;
  --ap-accent-quiet: #dfe2cb;
  --ap-bar: #818076;
  --ap-bar-track: #a9a89d;
  --ap-stroke: #808078;
  --ap-rule: #b9b8b0;
  --ap-focus: #1a1d12;
}