/* RAISE design tokens — generated by build.mjs */
:root{
/* ---- Core brand ---- */
--raise-navy:#10162B;        /* dk1 — primary text, wordmark */
--raise-navy-2:#262E45;      /* dk2 — body copy on light */
--raise-purple:#6C4BF4;      /* accent1 — primary accent */
--raise-purple-light:#8F7BFF;/* accent5 */
--raise-blue:#2E6BF6;        /* accent2 */
--raise-cyan:#1F9BC2;        /* mid blue-cyan */
--raise-teal:#12B5A5;        /* accent3 */
--raise-slate:#5A6178;       /* secondary text */
--raise-slate-light:#878EA3; /* lt2 / accent4 — tertiary text */
--raise-hairline:#C6CBDA;    /* accent6 — hairlines, connector dots */
--raise-white:#FFFFFF;

/* ---- Surface tints ---- */
--raise-surface:#F5F7FA;     /* default panel */
--raise-surface-2:#FAFBFD;   /* lightest panel */
--raise-surface-violet:#F0EDFE; /* payoff / callout band */
--raise-surface-violet-2:#FAFAFF;

/* ---- Semantic status ---- */
--raise-warning:#D98324;     /* mismatch / drift */

/* ---- Spectrum: purple -> cyan, 9 steps ----
   The signature chain. Use in order along any left-to-right process. */
--spectrum-1:#6C4BF4;
--spectrum-2:#5A55F5;
--spectrum-3:#4A5EF5;
--spectrum-4:#3C61F6;
--spectrum-5:#2E6BF6;
--spectrum-6:#2683DC;
--spectrum-7:#1F9BC2;
--spectrum-8:#199FB4;
--spectrum-9:#12B5A5;

/* ---- Spectrum: 5-step (four-pillar / five-stage chains) ---- */
--spectrum-5a:#6C4BF4;
--spectrum-5b:#3C61F6;
--spectrum-5c:#2E6BF6;
--spectrum-5d:#1F9BC2;
--spectrum-5e:#12B5A5;
}

:root{
--font-display:"Space Grotesk","Inter",system-ui,sans-serif; /* +mj-lt */
--font-body:"Inter",system-ui,sans-serif;                    /* +mn-lt */
--font-mono:"IBM Plex Mono",ui-monospace,monospace;          /* masked values, IDs, codes */

/* Sizes derive from the deck's point values at 1280x720 (1pt = 1.3333px). */
--size-cover:80px;      /* 60pt — cover title, Inter Bold */
--size-hero:72px;       /* 54pt — section divider + closing title */
--size-wordmark:101px;  /* 76pt — full-bleed wordmark lockup */
--size-title:43px;      /* 32pt — slide title */
--size-metric:35px;     /* 26pt — KPI number */
--size-payoff:23px;     /* 17pt — payoff band, panel value */
--size-lead:21px;       /* 16pt — lead line under the title, eyebrow on section */
--size-body:19px;       /* 14pt — body, chip label, card label */
--size-caption:15px;    /* 11pt — sub-caption */
--size-footer:13px;     /* 10pt — confidentiality footer */

--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

--leading-tight:0.9;    /* 90% — titles, master default */
--leading-snug:1.15;
--leading-body:1.4;

--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-label:0.08em; /* all-caps eyebrows and labels */
--tracking-wordmark:-0.02em;
}

:root{
/* Slide canvas — 13.333in x 7.5in @96dpi */
--canvas-w:1280px;
--canvas-h:720px;

/* Margins, from the deck's 762000 EMU left edge */
--margin-x:80px;
--content-w:1120px;
--title-top:88px;
--rule-top:181px;
--content-top:213px;
--payoff-top:539px;
--footer-top:668px;

/* 4px base scale */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-14:56px;
--space-16:64px;
--space-20:80px;

/* 4-column card grid used on nearly every content slide */
--grid-gutter:18px;
--grid-col-4:267px;  /* (1120 - 3*18) / 4 */
--grid-col-3:361px;
--grid-col-2:551px;

/* Repeating element heights lifted from the source */
--h-chip:72px;       /* pipeline chip */
--h-card:56px;       /* exception card */
--h-panel:107px;     /* labelled panel */
--h-payoff:88px;     /* payoff band */
--w-chip:117px;
--size-stage:139px;  /* stage circle diameter */
--size-icon:69px;    /* icon inside a stage circle */
}

:root{
/* RAISE is a square system. Nothing is rounded except circles. */
--radius-none:0;
--radius-full:9999px;

--hairline:1px;              /* 1pt outline, always in the element's accent colour */
--rule-accent-w:37px;        /* the small purple rule under a slide title */
--rule-accent-h:4px;
--rule-cover-w:53px;
--rule-cover-h:5px;
--bar-panel:4px;             /* left accent bar on a tinted panel */
--bar-payoff:7px;            /* left accent bar on the payoff band */
--bar-chip:5px;              /* top accent bar on a chip / KPI tile */
--dot-connector:5px;         /* hairline dot between chips */
--dot-motif:6px;             /* constellation motif dot */

/* No shadow system exists in the source deck. Depth is expressed with
   tinted surfaces and hairlines only. These exist for screen UI, used sparingly. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--raise-hairline);
--shadow-panel:0 1px 2px rgba(16,22,43,.06);
--shadow-overlay:0 8px 24px rgba(16,22,43,.12);
}

:root{
/* The source deck has no animation. For screen work, keep motion functional:
   short, linear-ish fades and 1-4px translations. No bounce, no spring, no scale-in. */
--dur-fast:120ms; /* @kind other */
--dur-base:180ms; /* @kind other */
--dur-slow:280ms; /* @kind other */
--ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--stagger-step:60ms; /* @kind other */
}

:root{
/* ---- Text ---- */
--text-primary:var(--raise-navy);
--text-body:var(--raise-navy-2);
--text-secondary:var(--raise-slate);
--text-tertiary:var(--raise-slate-light);
--text-accent:var(--raise-purple);
--text-inverse:var(--raise-white);
--text-link:var(--raise-purple);
--text-link-hover:var(--raise-navy);

/* ---- Surfaces ---- */
--surface-page:var(--raise-white);
--surface-card:var(--raise-white);
--surface-panel:var(--raise-surface);
--surface-panel-subtle:var(--raise-surface-2);
--surface-emphasis:var(--raise-surface-violet);
--surface-emphasis-subtle:var(--raise-surface-violet-2);

/* ---- Lines ---- */
--border-hairline:var(--raise-hairline);
--border-accent:var(--raise-purple);
--divider:var(--raise-hairline);

/* ---- Accent roles: the four pillars ---- */
--pillar-understand:var(--raise-purple);
--pillar-analyze:var(--raise-blue);
--pillar-predict:var(--raise-cyan);
--pillar-impact:var(--raise-teal);

/* ---- Architectural layers ---- */
--layer-trust:var(--raise-navy);      /* deterministic controls */
--layer-signal:var(--raise-purple);   /* machine learning */
--layer-understanding:var(--raise-blue); /* generative AI */
--layer-action:var(--raise-teal);     /* automation */

/* ---- Status ---- */
--status-warning:var(--raise-warning);
--status-ok:var(--raise-teal);
--status-neutral:var(--raise-slate);
}