/* LUMELO BRAND TOKENS: TEMPORARY
   Derived from lumelo-logo.png (blue #2b70f9 at the top, violet #6717cd at the bottom).
   Caton owns the real identity. Change values here and every page follows.
   The brand kit page (/brand/) reads these values live. */

:root {
  /* Brand */
  --blue: #2b70f9;          /* logo top */
  --violet: #6717cd;        /* logo bottom */
  --brand-text: #3a48d8;    /* blue-violet for links and small accents on light grounds (7:1 on white) */
  --signal: var(--blue);    /* focus rings, diagram lines */
  --signal-text: var(--brand-text);
  --grad: linear-gradient(135deg, #2a62ea 0%, #6717cd 100%);   /* bands. Start deepened slightly so white text passes contrast */
  --grad-h: linear-gradient(90deg, #2b70f9 0%, #6717cd 100%);  /* bars and fills */

  /* Neutrals, leaned toward the logo's violet */
  --ink: #0d0f23;
  --ink-2: #181b38;
  --ink-3: #2b2f57;
  --paper: #f2f3f9;
  --white: #ffffff;
  --mute: #575d76;
  --mute-on-ink: #a3a9cc;
  --line: rgba(13, 15, 35, 0.12);
  --line-strong: rgba(13, 15, 35, 0.28);
  --line-on-ink: rgba(255, 255, 255, 0.14);

  /* Highlights */
  --glow: #9db8ff;          /* accent on dark grounds */
  --tint: #d5ddff;          /* highlighter and soft fills on light grounds */

  /* Status (kept apart from the brand accent on purpose) */
  --ok: #0b7a54;
  --warn: #a85a00;
  --bad: #c0352b;

  /* Type */
  --f-display: "Outfit", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Shape */
  --r-s: 4px;
  --r-m: 10px;
}