/* =============================================
   Deck Design Tokens
   Inherits from humble.builders brand palette
   ============================================= */

:root {
  /* Brand */
  --ink: #1E085D;
  --ink-20: #D2CFE0;
  --purple: #4705D0;
  --purple-20: #D4C1F6;
  --pink: #FEBBCC;
  --pink-20: #FFF1F5;
  --pink-tint: #FFF1F5;

  /* Neutrals */
  --snow: #FDFEFC;
  --chalk: #F6F5F0;
  --warm: #FAF6F1;
  --stone: #F8F3F0;
  --rock: #DAD2CE;

  /* Text */
  --charcoal: #1D2939;

  /* Accents */
  --mint: #45DCC1;
  --mint-20: #DAF8F3;
  --mint-tint: #DAF8F3;
  --yellow: #FFC600;
  --yellow-20: #FFF4CC;
  --raspberry: #E01E5A;
  --violet: #A183FF;
  --violet-20: #ECE6FF;
  --violet-tint: #ECE6FF;

  /* Spacing */
  --sp-xs: 8px;
  --sp-sm: 16px;
  --sp-md: 24px;
  --sp-lg: 48px;
  --sp-xl: 64px;
  --sp-2xl: 96px;

  /* Typography */
  --font: 'Manrope', sans-serif;
  --font-accent: 'Caveat', cursive;

  /* Deck-specific tokens */
  --slide-max-w: 960px;
  --slide-pad: var(--sp-lg);
  --slide-radius: 16px;
  --slide-transition: 0.6s cubic-bezier(.25, 0.1, .25, 1);
  --progress-h: 4px;
  --mosaic-gap: 12px;
  --mosaic-cols: 3;
}
