/* SleepyPhone: preserved brand colors, self-hosted type, shared design tokens. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/bricolage-grotesque-400-800.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/poppins-600.woff2') format('woff2')}
:root {
  --color-paper: oklch(98.6% .014 83);
  --color-white: oklch(99.8% .002 83);
  --color-paper-2: oklch(96.6% .019 78);
  --color-ink: oklch(28.2% .055 309);
  --color-muted: oklch(47% .028 308);
  --color-accent: oklch(48.8% .17 302);
  --color-accent-hover: oklch(41% .17 302);
  --color-accent-ink: oklch(99% .005 83);
  --color-lavender: oklch(90.8% .052 305);
  --color-lavender-light: oklch(96.2% .024 305);
  --color-lavender-mid: oklch(84% .073 305);
  --color-peach: oklch(89% .065 38);
  --color-yellow: oklch(90% .13 85);
  --color-rule: oklch(88% .025 310);
  --color-focus: oklch(30% .13 285);
  --color-shadow: oklch(28% .055 309 / .1);
  --color-brand-dark: oklch(22% .052 290);
  --color-brand-soft: oklch(87% .055 305);
  --color-scrim: oklch(18% .05 290 / .55);
  --color-transparent: transparent;
  --font-display: 'Bricolage Grotesque', 'Trebuchet MS', sans-serif;
  --font-body: 'Poppins', 'Arial', sans-serif;
  --space-xs: .5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem;
  --space-xl: 3rem; --space-2xl: 4.5rem; --space-3xl: 7rem;
  --text-sm: .875rem; --text-base: 1rem; --text-md: 1.125rem;
  --text-lg: 1.375rem; --text-heading: clamp(2.3rem,4vw,3.4rem);
  --text-display: clamp(3.4rem,5.9vw,5.5rem);
  --radius-small: .75rem; --radius-card: 1.75rem; --radius-pill: 999px;
  --ease-out: cubic-bezier(.16,1,.3,1); --ease-in: cubic-bezier(.7,0,.84,0);
  --ease-in-out: cubic-bezier(.65,0,.35,1); --dur-short: 180ms;
  --page-max: 1200px; --page-gutter: clamp(1.25rem,4.5vw,4.5rem);
}