/* Brand tokens for Effortless Digital Solutions, layered on top of
   scrollcraft.css (loaded first). Not part of the vendor engine — this is
   the per-project theming file the engine's own docs ask for. */
:root {
  --sc-canvas: #09090b;
  --sc-surface: #18181b;
  --sc-ink: #fafafa;
  --sc-ink-soft: #a1a1aa;
  --sc-accent: var(--color-accent);
  --sc-accent-ink: #09090b;

  --sc-font-display: var(--font-geist-sans), "Geist", system-ui, sans-serif;
  --sc-font-text: var(--font-geist-sans), "Geist", system-ui, sans-serif;
  --sc-font-mono: var(--font-geist-mono), "Geist Mono", ui-monospace, monospace;
}

/* scrollcraft.css ships .sc-scrim--band/lead/trail/vignette but nothing for
   copy anchored dead-center (.sc-copy--center) sitting over a busy midframe
   subject (e.g. Launch's resolving display) — vignette darkens the EDGES and
   leaves the center, which is backwards for that case. This darkens a soft
   ellipse behind the center block instead and is swapped in per-leg by
   Worldflight.tsx alongside .sc-scrim--band, not a scrollcraft.css edit.

   Both this and every scrollcraft.css scrim mix toward --sc-canvas, which is
   this brand's dark token — correct for the legs whose copy is light ink on
   dark footage, backwards for the legs (Launch onward) whose copy is DARK
   ink (`leg.lightBg`) over bright footage: darkening the ground toward black
   pulls it *closer* to dark text instead of further from it. The "-light"
   variants below mix toward a light tint instead, for exactly those legs. */
.sc-scrim--center {
  background: radial-gradient(55% 48% at 50% 50%,
    color-mix(in oklab, var(--sc-canvas) 82%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 55%, transparent) 45%,
    transparent 78%);
}
.sc-scrim--band-light {
  background: linear-gradient(to top,
    color-mix(in oklab, #fafaf9 96%, transparent) 0%,
    color-mix(in oklab, #fafaf9 82%, transparent) 22%,
    color-mix(in oklab, #fafaf9 45%, transparent) 42%,
    transparent 58%);
}
.sc-scrim--center-light {
  background: radial-gradient(55% 48% at 50% 50%,
    color-mix(in oklab, #fafaf9 90%, transparent) 0%,
    color-mix(in oklab, #fafaf9 65%, transparent) 45%,
    transparent 78%);
}