/* =====================================================================
   SPRINTLINE BRAND TOKENS: the ONE place to change the brand.
   Colours, fonts and the logo file all live here (see README > Rebrand).
   ===================================================================== */

/* Fonts (self-hosted, OFL). Swap the files + family names here. */
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-var.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}

:root {
  /* Logo: one file reference, used in header, footer and chat. */
  --logo-url: url("../brand/logo.svg");
  --logo-ratio: 6.083;            /* width / height of the logo file (5475 / 900) */

  /* Brand colours (BRAND.md v1) */
  --ink: #0E0E10;                 /* page background (dark-first) */
  --paper: #F4F2EC;               /* main text on dark */
  --green: #18C46E;               /* accent: CTAs, glow, cursor */
  --green-text-on-light: #10965A; /* only if green text sits on a light surface */
  --on-green: #0E0E10;            /* text on green buttons */

  /* Derived surfaces (change the brand colours above, these follow) */
  --bg: var(--ink);
  --bg-2: color-mix(in srgb, var(--ink) 92%, var(--paper));
  --text: var(--paper);
  --muted: color-mix(in srgb, var(--paper) 64%, var(--ink));
  --line: color-mix(in srgb, var(--paper) 12%, transparent);
  --line-strong: color-mix(in srgb, var(--paper) 22%, transparent);
  --glass: color-mix(in srgb, var(--paper) 5%, transparent);
  --glass-strong: color-mix(in srgb, var(--ink) 72%, transparent);
  --accent: var(--green);
  --accent-soft: color-mix(in srgb, var(--green) 14%, transparent);
  --glow: 0 0 0 1px color-mix(in srgb, var(--green) 40%, transparent), 0 0 28px color-mix(in srgb, var(--green) 28%, transparent);
  --wa: #25D366;                  /* WhatsApp brand colour, only on WhatsApp buttons */

  /* Type */
  --font-head: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Layout */
  --container: 1200px;
  --gutter: 24px;
  --radius: 14px;
  --radius-sm: 10px;
}