/* Lazulix brand tokens — docs/BRAND.md section 9. Treat every value as fixed. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/inter-latin-wght-normal.260c81a4759b.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* brand */
  --lz-blue: #1976D2;
  --lz-blue-soft: #2F7AF4;
  --lz-blue-strong: #1E30F3;
  --lz-pink: #E21E80;
  --lz-violet: #B3279C;

  /* neutrals */
  --lz-page: #F5F8FA;
  --lz-page-alt: #F8FBFC;
  --lz-surface: #FFFFFF;
  --lz-ink: #1D2D35;
  --lz-ink-2: #2F3A45;
  --lz-slate: #5B6573;
  --lz-line: #E8EBF0;
  --lz-border: #EEF0F4;
  --lz-blue-tint: #EAF2FB;
  --lz-pill-from: #E8EBF1;
  --lz-pill-to: #DCE9F8;
  --lz-on-dark-muted: #C9D3DD;

  /* gradients */
  --lz-gradient: linear-gradient(90deg, #2F7AF4 0%, #1976D2 33%, #E21E80 67%, #B3279C 100%);
  --lz-gradient-z: linear-gradient(90deg, #1E30F3, #1976D2);
  --lz-gradient-pill: linear-gradient(90deg, var(--lz-pill-from), var(--lz-pill-to));

  /* type, shape, depth */
  --lz-font: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --lz-radius-sm: 10px;
  --lz-radius-md: 12px;
  --lz-radius-lg: 16px;
  --lz-radius-xl: 20px;
  --lz-radius-card: 24px;
  --lz-shadow-card: 0 1px 2px rgba(29,45,53,.04), 0 8px 24px rgba(29,45,53,.06);

  /* semantic aliases: use these in components */
  --lz-primary: var(--lz-blue);
  --lz-accent: var(--lz-pink);
  --lz-text: var(--lz-ink-2);
  --lz-heading: var(--lz-ink);
  --lz-text-muted: var(--lz-slate);
}

body { background: var(--lz-page); color: var(--lz-text); font-family: var(--lz-font); }