/* Self-hosted fonts (absolute paths) */
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/inter/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/inter/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/inter/Inter-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/space-grotesk/SpaceGrotesk-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2') format('woff2');
}

:root {
  /* Accents */
  --accent-purple: #7B61FF; /* pair: THEME_COLOR in functions/_lib/config.js (meta theme-color) */
  --accent-purple-hover: #5A3FD6; /* pair: EMAIL_COLOR.ACCENT in apps-script/mailer.gs */
  --accent-cyan: #00B8D4;
  --purple-dim: rgba(123, 97, 255, 0.15);
  --cyan-dim: rgba(0, 184, 212, 0.15);

  /* Deck dark tokens (dark-first) */
  --deck-bg: #0e0a20; /* pair: EMAIL_COLOR.INK in apps-script/mailer.gs */
  --deck-surface: #16123a;
  --deck-elevated: #1e1852;
  --deck-border: rgba(123, 97, 255, 0.15);
  --text-on-dark: #FFFFFF; /* pair: EMAIL_COLOR.ON_ACCENT in apps-script/mailer.gs */
  --text-on-dark-muted: rgba(255, 255, 255, 0.62);

  /* Light tokens */
  --bg-light: #FFFFFF;
  --surface-light: #F5F5F7;
  --text-primary: #111111;
  --text-secondary: rgba(0, 0, 0, 0.55);

  /* Status */
  --green: #16a34a;
  --amber: #f59e0b;
  --red: #ef4444;
  --status-green: #10B981;

  /* Fonts */
  --font-body: 'Inter', sans-serif;
  --font-display: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px; /* pair: EMAIL_RADIUS in apps-script/mailer.gs */
  --r-lg: 16px;
  --r-xl: 24px;

  /* Deck canvas (fixed 16:9, matches source PowerPoint 13.33x7.5in) */
  --canvas-w: 1280px;
  --canvas-h: 720px;

  /* Spacing (fixed px: the canvas scales as a whole, like a real slide) */
  --slide-pad: 72px;
  --container-max: 1136px;

  /* Easing and duration */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.2s;

  /* UI type scale (gate pages; the deck canvas sizes its own type) */
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-xl: 24px;
  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --ls-tight: -0.01em;
  --ls-control: 0.12em;
  --ls-label: 0.18em;

  /* UI spacing scale (gate pages) */
  --hairline: 1px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
}