/* 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: #062e28; --o-ink-2: #0a3a33; --o-ink-3: #154a60; --o-night: #032b26;
  --o-steel: #0b7462; --o-steel-light: #12977f; --o-steel-deep: #147480; --o-steel-soft: #d9eef0;
  --o-green: #1db596; --o-green-light: #3fd3b2; --o-green-deep: #256e3d; --o-green-soft: #d6f3cf;
  --o-paper: #f5f8f7; --o-card: #ffffff; --o-line: #dfe7e5; --o-line-2: #c3d6db; --o-slate: #4f5f5b; --o-slate-2: #6b7e87;
  --o-behind: #b4382f; --o-behind-soft: #fbe3e0; --o-amber: #a16207; --o-amber-soft: #fdf1d6;
  --o-grad: linear-gradient(118deg, #3fd3b2 0%, #12977f 52%, #0a5c50 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: 'Sora', system-ui, sans-serif;
  --o-f-ui: 'Onest', system-ui, sans-serif;
  --o-f-mono: 'IBM Plex 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(6,46,40,.05), 0 8px 24px -12px rgba(6,46,40,.14);
  --o-shadow-pop: 0 1px 2px rgba(6,46,40,.06), 0 24px 48px -18px rgba(6,46,40,.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;
}