/* ============================================================
 * Magnetic Arc Design - theme tokens
 * Generated by Palette Forge. Drop-in: swap this file to re-theme.
 * Structure lives in page.css (do not edit colours there).
 * Brand seed: #2563EB  (OKLCH H 262.9)
 * Action hue: 52.9   Gate: all pass
 * Expression: Intensity 3, Weight 3, Warmth 3
 * ============================================================ */

:root {
	/* --- neutral backgrounds --- */
	--bg-light-1: #fdfdff;
	--bg-light-2: #f2f3f6;
	--bg-light-3: #dde0e4; /* borders, dividers */
	--bg-mid: #707379; /* muted text on light */
	--bg-dark-1: #15181f;
	--bg-dark-2: #07090e;
	/* --- text on light / dark --- */
	--text-on-light-strong: #0d121b;
	--text-on-light: #282e38;
	--text-on-light-muted: #5f636c;
	--text-on-dark-strong: #fff;
	--text-on-dark: #f9f9f9;
	--text-on-dark-muted: #bbbec3;
	/* --- brand identity (used by the chrome: nav, hero, footer) --- */
	--primary: #2664ec;
	--primary-dark: #92b7fe;
	--secondary: #7a50d8;
	--secondary-dark: #baa8ff;
	/* --- accent: global contrasting highlight; sections rebind this slot --- */
	--accent: #916a0b;
	--accent-dark: #e9ac03;
	/* --- action: RESERVED for the CTA only --- */
	--action: #FA9D32;
	--action-dark: #dd7012;
	--action-text: #112e4d;
	/* --- role colours: each section rebinds --accent to one of these --- */
	--role-agitate: #ac571d; /* Pain */
	--role-agitate-dark: #fe9b61;
	--role-trust: #3b7c8b; /* Story, Testimonials, Objections */
	--role-trust-dark: #6ec6db;
	--role-clarity: #118568; /* Tailored, Industries, How It Works, Qualify */
	--role-clarity-dark: #3ad4aa;
	--role-credibility: #686ca0; /* Results, Proof, Guarantee, Awards */
	--role-credibility-dark: #aab1f7;
	--role-aspiration: #81720e; /* Benefits, Promise, Value */
	--role-aspiration-dark: #ccb93e;
	--role-urgency: #b84743; /* Invite, Warn, Footer CTA */
	--role-urgency-dark: #ff968e;
	/* --- status colours: UI feedback (fixed hues, not brand-derived) --- */
	--status-success: #1c8742; /* Confirmation, completion, positive outcome. */
	--status-success-dark: #5fd37f;
	--status-danger: #bd413f; /* Error, destructive action, critical alert. */
	--status-danger-dark: #fd968f;
	--status-warning: #986603; /* Caution, needs attention, not yet an error. */
	--status-warning-dark: #f2a618;
	--status-info: #1e7ca1; /* Informational, neutral highlight, tip. */
	--status-info-dark: #59c5f5;
}

/* Dark theme: neutrals invert; brand/accent/action/roles use dark variants. */
[data-theme="dark"] {
  --bg-light-1: #15181f;
  --bg-light-2: #07090e;
  --bg-light-3: #282b32;
  --bg-mid: #52555b;
  --bg-dark-1: #07090e;
  --bg-dark-2: #000000;
  --text-on-light-strong: #f4f5f8;
  --text-on-light: #cfd1d5;
  --text-on-light-muted: #bbbec3;
  --primary: #92b7fe;
  --secondary: #baa8ff;
  --accent: #e9ac03;
  --action: #dd7012;
  --role-agitate: #fe9b61;
  --role-trust: #6ec6db;
  --role-clarity: #3ad4aa;
  --role-credibility: #aab1f7;
  --role-aspiration: #ccb93e;
  --role-urgency: #ff968e;
  --status-success: #5fd37f;
  --status-danger: #fd968f;
  --status-warning: #f2a618;
  --status-info: #59c5f5;
}