/*
 * Xevoni brand tokens — SINGLE SOURCE OF TRUTH.
 *
 * Served at /brand-tokens.css (auth-off in nginx, public).
 * Consumed by BOTH:
 *   - The React SPA via <link> in frontend/src/index.html
 *     + Tailwind `brand-from` / `brand-to` color aliases in
 *       frontend/tailwind.config.js
 *   - The SSR marketing pages via <link> in backend/app/seo/templates/_base.html
 *     + raw `var(--brand-*)` references in its inline CSS
 *
 * To rebrand: edit THIS file. Every surface picks up the new values
 * on next page load — no rebuild needed (cached 5 min).
 *
 * Verified in lockstep by backend/scripts/test_brand_tokens.py.
 */
:root {
  /* Gradient endpoints — used in the brand mark + hero "grad" text */
  --brand-grad-from: #6366f1;   /* Tailwind indigo-500 */
  --brand-grad-to:   #22d3ee;   /* Tailwind cyan-400   */

  /* Page backgrounds — must match in React + SSR or the mark cutout drifts */
  --brand-bg-dark:   #0a0a0f;
  --brand-bg-light:  #fafaf9;

  /* Wordmark / accent text */
  --brand-text-on-dark:  #f5f5f5;
  --brand-text-on-light: #111111;

  /* THE accent — the ONE interactive/emphasis color for marketing surfaces
     (pills, eyebrows, links, hovers, featured borders). Everything that is
     not the brand gradient or a live/status/savings green uses THIS token,
     never a raw hex. Consolidation pass 2026-07-16: replaces scattered
     #6366f1 / #4f46e5 literals so a rebrand is a two-line edit here.
     Green (#10b981) stays reserved for semantics only: live dots, deploy
     status, savings notes ("2 months free", "% off"), success messages. */
  --brand-accent:        #6366f1;
  --brand-accent-strong: #4f46e5;   /* hover / pressed */
}