/*
  tokens.css -- the ONLY brand-swappable surface.
  Cobrand = override these vars (brand.js does this from config/brands/<id>.json).
  Layout/structure lives in app.css and is NOT brand-swappable.

  Defaults = MINDMATRIX, pulled from mindmatrix.net (2026-06-19):
    primary blue  #346FE2 (Get a Demo button)
    accent orange #FF671D (Request a POC)
    deep navy     #0A083B -> #082471 -> #001F60 (the dark site gradients)
    fonts         Poppins (headings) + Roboto (body)
  NOTE: the old purple was the Noda cobrand theme, NOT Mindmatrix. Do not reintroduce it.

  HARD RULE (Josh): no ALL-CAPS anywhere. Do NOT add text-transform:uppercase.
*/
:root {
  /* brand (swappable) */
  --brand-primary: #346fe2;       /* buttons, links, active nav, donut fill */
  --brand-primary-dark: #2456c0;  /* hover */
  --brand-primary-soft: #e7eefc;  /* active nav pill bg, soft fills */
  --brand-accent: #ff671d;        /* orange accent (level badge, highlights) */
  --brand-navy-1: #0a083b;        /* deepest navy */
  --brand-navy-2: #082471;        /* mid navy */
  --brand-navy-3: #001f60;        /* navy */
  --brand-glow: rgba(52, 111, 226, 0.45);  /* central blue radial glow on dark bands */
  --brand-hero-from: #0a083b;
  --brand-hero-to: #082471;
  --brand-link: #346fe2;
  --brand-logo: url('assets/mm_navy.png');       /* navy mark for white nav */
  --brand-logo-white: url('assets/mm_white.png');/* white mark for dark panels */

  /* fonts -- system UI font (Segoe UI) everywhere EXCEPT banners, which use the brand
     font (Poppins). Josh 2026-06-19: "any font not in a banner = Segoe UI". */
  --font-ui: 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: var(--font-ui);          /* UI headings/numbers also use the system font */
  --font-banner: 'Poppins', 'Segoe UI', system-ui, sans-serif;  /* banner text only */

  /* chrome neutrals */
  --chrome-bg: #ffffff;
  --chrome-text: #1f2430;
  --chrome-text-muted: #6b7280;
  --chrome-text-faint: #9ca3af;
  --chrome-border: #e5e7eb;
  --chrome-border-soft: #eef0f2;
  --chrome-page: #f1f2f4;
  --chrome-surface: #f9fafb;
  --chrome-surface-alt: #f3f4f6;

  /* status */
  --ok: #16a34a;
  --warn: #f59e0b;
  --danger: #e11d48;
  --info: #346fe2;
}
