/* ============================================================
   Keaz · Design Tokens
   Source of truth for all CSS variables used across styles-*.css.
   Restored after cleanup — values inferred from prior usage so
   the live design stays pixel-identical.
   ============================================================ */

/* -------- Font faces -------- */
@font-face {
  font-family: "Inter";
  src: url("./fonts/Inter.woff2") format("woff2-variations"),
       url("./fonts/Inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight.woff2") format("woff2-variations"),
       url("./fonts/InterTight.woff2") format("woff2");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

:root {
  /* -------- Typography -------- */
  --font-sans:   "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-tight:  "Inter Tight", "Inter", system-ui, sans-serif;
  --font-mono:   "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --font-size-md:     15px;
  --line-height-md:   1.55;
  --letter-spacing-tight: -0.2px;

  /* -------- Foreground (text) -------- */
  --fg-primary: #0c0c0d;

  /* -------- Neutral scale (warm-tinted, paper-ish) -------- */
  --color-neutral-0:   #ffffff;
  --color-neutral-50:  #fafaf7;
  --color-neutral-100: #f1f0eb;
  --color-neutral-200: #e4e3dd;
  --color-neutral-300: #cbc9c2;
  --color-neutral-400: #a3a098;
  --color-neutral-500: #71706a;
  --color-neutral-600: #54534e;
  --color-neutral-700: #3c3b37;
  --color-neutral-800: #25241f;
  --color-neutral-900: #18181a;
  --color-neutral-950: #0c0c0d;

  /* -------- Primary · Keaz purple -------- */
  --color-primary-50:  #f5f3ff;
  --color-primary-100: #ede9fe;
  --color-primary-300: #c4b5fd;
  --color-primary-500: #8B5CF6;
  --color-primary-700: #6d28d9;

  /* -------- Green · success / live / WhatsApp signal -------- */
  --color-green-100: #dcfce7;
  --color-green-500: #22c55e;
  --color-green-900: #14532d;

  /* -------- Amber / yellow · warning, highlight -------- */
  --color-amber-100:  #fef3c7;
  --color-yellow-900: #713f12;

  /* -------- Radius scale -------- */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;
}