/* Ludia design tokens for the web — generated from helios-2-design/assets/ludia-tokens.json,
   which is extracted from the real Ludia PowerPoint Base Template 2025. If the brand moves,
   it moves there first and this file follows. */

:root {
  /* brand */
  --green:        #739E42;   /* ludialabs.com accent — the logo green, not the deck theme green */
  --green-deck:   #6CA72C;   /* the PowerPoint theme accent1, kept for the Agent colour in the map */
  /* Green at text size. #739E42 is the brand accent and it is beautiful at display size,
     but on #FAFAF7 it measures 3.0:1 — fine for large type, a WCAG AA failure for a 13px
     kicker. --green-text is the same hue taken down to 4.86:1. Use --green for display type,
     fills and graphics; use --green-text for anything set below ~19px. On a solid --green
     fill, put --ink on it (6.32:1), never white (3.0:1). */
  --green-text:  #4E7A20;   /* small type on light: 4.86:1 on --bg, 4.61:1 on --bg-soft */
  --green-display:#6B933D;  /* large type on light: clears AA-large (3:1) on every ground */
  --ms-blue-text:#005A9E;
  --deep-green:   #445E51;
  --lime:         #C0CE3A;
  --teal:         #009676;
  --cyan:         #49B5C4;
  --blue:         #0889B0;
  --bone:         #E0DDD1;
  --logo-green:   #739E41;

  /* surfaces + ink (light is the default: Ludia is bright and airy) */
  /* Read off ludialabs.com directly (computed styles, not guessed): the ground is a warm
     off-white #FAFAF7 and #0A0A0A is their INK, not their background. Labs inverts to a
     #0A0A0A band for statement sections, which is where --labs-* below comes in. */
  --bg:           #FAFAF7;
  --bg-soft:      #F4F4F0;
  --bg-bone:      #EDEDE7;
  --ink:          #0A0A0A;
  --ink-muted:    #525252;
  --rule:         #E5E5E2;
  --rule-light:   #F0F0EC;

  /* semantic — mechanism. Process is never grey: keeping work human is a choice,
     and a grey would read as leftover. */
  --agent:        #6CA72C;
  --workflow:     #0889B0;
  --process:      #445E51;

  /* semantic — wave (sequential, one hue at three intensities) */
  --now:          #6CA72C;
  --next:         #A2C87D;
  --later:        #D4E4C0;

  /* semantic — system of record, most governed to least. Deliberately neutral so it
     does not collide with the mechanism colours on the ring beside it. */
  --sor-d365:     #65635E;
  --sor-other:    #98968E;
  --sor-m365:     #C1BEB4;
  --sor-none:     #E0DDD1;

  /* Ludia Labs register — the dark, forward-looking surface where Helios was built.
     Consulting is the bright ground where the work gets delivered. Helios 2 lives in the
     seam between them, so the page alternates the two on purpose. */
  --labs-bg:      #0A0A0A;
  --labs-bg-2:    #141414;
  --labs-ink:     #FAFAF7;
  --labs-muted:   #A3A3A3;
  --labs-rule:    #2A2A2A;

  /* Neon is a DARK-SURFACE VARIANT of the brand green, not a new brand colour. Ludia's
     #6CA72C is built for green-on-white and goes muddy on near-black; this is the same
     hue pushed brighter so it holds its edge, and it is only ever used on the Labs ground. */
  --neon:         #A8F04A;
  --neon-dim:     #6E9E30;
  --neon-glow:    rgba(168,240,74,.28);

  /* Microsoft. Ludia is a Dynamics 365 partner and Microsoft is a customer, so their blue
     is a legitimate part of this palette — used where the page speaks about the Microsoft
     line (the stack, the licensing, the co-sell), and in the hero ribbon where it blends
     with Ludia's green. Never as a substitute for the brand green. */
  --ms-blue:      #0078D4;
  --ms-cyan:      #00A4EF;
  --ms-green:     #7FBA00;
  --ms-amber:     #FFB900;
  --ms-orange:    #F25022;

  /* type */
  --font: Geist, 'Segoe UI', 'Segoe UI Web (West European)', system-ui, -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;

  /* rhythm */
  --pad: clamp(1.25rem, 4vw, 4rem);
  --maxw: 1180px;
  --radius: 2px;
}

/* No dark-mode override. ludialabs.com serves one ground — #FAFAF7 with #0A0A0A ink — to
   every visitor, and Helios 2 has to match it on the machine of whoever opens the link.
   An earlier version of this file flipped --bg to #0A0A0A under prefers-color-scheme:dark,
   which meant the page rendered black for anyone whose OS was in dark mode while looking
   correct to anyone testing in light mode. color-scheme is pinned to light below so the
   browser does not dark-ify scrollbars, form controls, or the canvas behind the body.
   If a dark variant is ever wanted, it is a separate stylesheet with a deliberate
   inversion of every token, not a six-line media query bolted onto this one. */
:root { color-scheme: light; }