/* Outlay design tokens: the one source for the Brand Creator board (brand-creator/work/outlay) and this deck.
   Brand: OUTLAY wordmark (Exo 2 Bold caps), gauge as the app icon only, the green-to-teal gradient, the waves.
   Change a value here and both follow. */
:root {
  /* Core palette (website brand.ts) */
  --o-ink: #052438; --o-ink-2: #0b3349; --o-ink-3: #154a60; --o-night: #03182a;
  --o-steel: #188490; --o-steel-light: #2aa3aa; --o-steel-deep: #147480; --o-steel-soft: #d9eef0;
  --o-green: #62cf59; --o-green-light: #6ce484; --o-green-deep: #256e3d; --o-green-soft: #d6f3cf;
  --o-paper: #f2f6f7; --o-card: #ffffff; --o-line: #d9e6e9; --o-line-2: #c3d6db; --o-slate: #41535d; --o-slate-2: #6b7e87;
  --o-behind: #b4382f; --o-behind-soft: #fbe3e0; --o-amber: #a16207; --o-amber-soft: #fdf1d6;
  --o-grad: linear-gradient(118deg, #6ce484 0%, #2aa3aa 52%, #167f8c 100%);
  /* The lit colour: one thing on a screen that needs attention */
  --o-lit: var(--o-green); --o-lit-on-light: var(--o-green-deep);

  /* Faces */
  --o-f-display: 'Exo 2', system-ui, sans-serif;
  --o-f-ui: 'Geist', system-ui, sans-serif;
  --o-f-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Spacing: an 8px base */
  --o-s1: 8px; --o-s2: 16px; --o-s3: 24px; --o-s4: 32px; --o-s5: 48px; --o-s6: 64px; --o-s7: 96px;
  /* Shape */
  --o-r-sm: 6px; --o-r-control: 8px; --o-r-card: 14px; --o-r-panel: 20px;
  --o-shadow-card: 0 1px 2px rgba(5,36,56,.05), 0 8px 24px -12px rgba(5,36,56,.14);
  --o-shadow-pop: 0 1px 2px rgba(5,36,56,.06), 0 24px 48px -18px rgba(5,36,56,.35);
  /* Motion */
  --o-t-fast: 120ms; --o-t-base: 220ms; --o-t-slow: 420ms; --o-ease: cubic-bezier(.2,.8,.2,1);

  /* Slide scale (1920 x 1080 stage). Margins and the header zone are fixed on every slide. */
  --sl-x: 120px; --sl-head: 236px; --sl-foot: 96px; --sl-gap: 32px;
  --sl-kicker: 18px; --sl-title: 60px; --sl-lead: 26px;
  --sl-h3: 30px; --sl-body: 22px; --sl-small: 18px; --sl-label: 15px; --sl-figure: 64px;
}