:root {
  /* Primary palette */
  --lz-prussian-blue: #091d42;
  --lz-grey: #373e4b;
  --lz-blue: #1f8cf7;
  --lz-spectrum-blue: #2050ff;
  --lz-sky-aqua: #36cdff;
  --lz-frozen-lake: #87d7ff;

  /* Secondary palette (archetype accents) */
  --lz-electric-aqua: #73f3f8;
  --lz-celadon: #B9FFD1;
  --lz-tea-green: #D8FFC0;
  --lz-mauve: #EDA6FF;
  --lz-blush-pop: #ffa6e3;
  --lz-bubblegum: #ff496f;
  --lz-vanilla: #fff7ad;

  /* Typography */
  --lz-font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --lz-font-body: "Poppins", system-ui, -apple-system, sans-serif;

  /* Sizing */
  --lz-radius-sm: 8px;
  --lz-radius-md: 16px;
  --lz-radius-lg: 24px;
  --lz-radius-pill: 999px;

  /* Borders */
  --lz-border-hairline: 1px solid rgba(9, 29, 66, 0.12);
  --lz-border-solid: 2px solid var(--lz-prussian-blue);

  /* Shadows */
  --lz-shadow-soft: 0 6px 24px rgba(9, 29, 66, 0.08);
  --lz-shadow-lift: 0 10px 32px rgba(9, 29, 66, 0.12);

  /* Spacing scale */
  --lz-s-1: 4px;
  --lz-s-2: 8px;
  --lz-s-3: 12px;
  --lz-s-4: 16px;
  --lz-s-5: 24px;
  --lz-s-6: 32px;
  --lz-s-7: 48px;
  --lz-s-8: 64px;
}
