/* AscendX design tokens: the one place for colour, type, space, radius and shadow.
   Brand values come from ascendxintel.com's own CSS and files (checked 22 October 2026).
   Proposal for review: names and values may change once the owners approve a direction. */

@font-face { font-family: "Cal Sans"; src: url("../assets/fonts/CalSans-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../assets/fonts/Archivo-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  /* Brand palette (AscendX) */
  --brand-deep: #030535;
  --brand-santorini: #2940f2; /* working primary. The live CTA renders #2450ff; the brand variable is #2940f2. */
  --brand-sky: #006fff;
  --brand-ocean: #15effe;     /* connectors and highlights only, never body text on white */
  --brand-mist: #f2f5ff;
  --brand-cloud: #e9f0fa;
  --brand-black: #151223;
  --brand-steel: #444267;
  --brand-dark-moon: #22213a;
  --brand-border: #d5deed;

  /* Roles */
  --surface: #ffffff;
  --surface-soft: var(--brand-mist);
  --surface-muted: var(--brand-cloud);
  --surface-anchor: var(--brand-deep);
  --text: var(--brand-black);
  --text-strong: var(--brand-deep);
  --text-muted: var(--brand-steel);
  --text-on-anchor: #ffffff;
  --text-on-anchor-muted: #c9cfee;
  --action: var(--brand-santorini);
  --action-hover: #1f33d6;
  --action-text: #ffffff;
  --connector: var(--brand-ocean);
  --line: var(--brand-border);
  --line-on-anchor: rgba(255, 255, 255, 0.16);
  --focus: var(--brand-sky);
  --note: #8a5a00;          /* proposal annotations */
  --note-bg: #fff6e0;
  --sample: #4a4f7a;        /* "Illustrative" labels */
  --sample-bg: #eef0ff;

  /* Type */
  --font-display: "Cal Sans", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; /* Geist Mono not in the project: system mono stands in */
  --step--1: 0.8125rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --step-4: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
  --step-5: clamp(2.3rem, 1.6rem + 3.4vw, 4rem);
  --leading-tight: 1.08;
  --leading-body: 1.6;

  /* Space, radius, shadow */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem;
  --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem; --space-9: 6.5rem;
  --radius-s: 8px; --radius-m: 14px; --radius-l: 20px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(3, 5, 53, 0.06), 0 8px 24px rgba(3, 5, 53, 0.06);
  --shadow-lift: 0 2px 4px rgba(3, 5, 53, 0.06), 0 18px 40px rgba(3, 5, 53, 0.10);
  --width: 1160px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --ease: 180ms cubic-bezier(0.2, 0.6, 0.3, 1);
}