/* Trilumus brand design tokens · v1 */

:root {
  /* === BRAND COLOUR — PRIMARY === */
  --tri-navy:        #0d1b2e;  /* Primary brand colour. Backgrounds, dark mode, body text on light. */
  --tri-navy-mid:    #132239;  /* Surface/card background on dark bg */
  --tri-navy-deep:   #08111f;  /* Deepest surface, shadow plates */
  --tri-navy-light:  #1c3152;  /* Hover/active surface on dark */

  /* === BRAND COLOUR — REVERSE === */
  --tri-white:       #ffffff;
  --tri-cream:       #f1f5f9;  /* Page bg in light mode */
  --tri-cream-warm:  #fef3c7;  /* Warm tint paired with amber */

  /* === BRAND ACCENT === */
  --tri-amber:       #f59e0b;  /* Primary brand accent. CTAs, highlights, brand mark. */
  --tri-amber-soft:  #fbbf24;  /* Hover state, lighter amber surfaces */

  /* === SEMANTIC ACCENTS (sparing use only) === */
  --tri-cyan:        #00d4ff;  /* "Communications" pillar in product diagrams */
  --tri-magenta:     #e8265e;  /* "Payments" pillar / mission angle accent */
  --tri-violet:      #8b5cf6;  /* "Compute" pillar in product diagrams */
  --tri-teal:        #14b8a6;  /* Alt comms pillar */

  /* === NEUTRAL SCALE === */
  --tri-slate-200:   #e2e8f0;
  --tri-slate-300:   #cbd5e1;
  --tri-slate-400:   #94a3b8;
  --tri-slate-500:   #64748b;
  --tri-slate-600:   #475569;

  /* === TYPOGRAPHY === */
  --tri-font-display: 'Manrope', system-ui, sans-serif;
  --tri-font-body:    'Manrope', system-ui, sans-serif;
  --tri-font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Type scale (values in rem, base 16px) */
  --tri-text-xs:    0.6875rem;  /* 11 — eyebrows, labels */
  --tri-text-sm:    0.8125rem;  /* 13 — small body */
  --tri-text-base:  0.9375rem;  /* 15 — body */
  --tri-text-md:    1rem;       /* 16 */
  --tri-text-lg:    1.25rem;    /* 20 — h3 */
  --tri-text-xl:    1.625rem;   /* 26 — h2 */
  --tri-text-2xl:   2.25rem;    /* 36 — h1 small */
  --tri-text-3xl:   3.25rem;    /* 52 — h1 large */
  --tri-text-display: clamp(3rem, 6vw, 5rem);  /* hero */

  /* Tracking */
  --tri-tracking-tight:  -0.025em;  /* large display */
  --tri-tracking-normal: -0.005em;  /* body */
  --tri-tracking-eyebrow: 0.20em;   /* uppercase eyebrows */

  /* === LAYOUT === */
  --tri-radius-sm:  6px;
  --tri-radius-md:  10px;
  --tri-radius-lg:  14px;
  --tri-radius-xl:  18px;

  /* Lockup engine variables — wing/wordmark proportions */
  --tri-mark-h:     60px;
  --tri-mark-gap:   7px;
  --tri-word-size:  76px;
  --tri-word-line:  0.71;          /* line-height that puts box-bottom at T baseline */
  --tri-word-track: -0.025em;
  --tri-strap-size: 14px;
  --tri-strap-gap:  14px;
}