/* VENDORED - do not edit by hand.
   Source: @synkolab/shell src/tokens.css @ commit adc71b4 (repo synkolab-shell, same file as vendor/synkolab-shell/dist/tokens.css).
   SX5: Core IdP pages use the same colour / font / radius / focus tokens as the main web. Re-vendor when the shell tokens change. */
/* @synkolab/shell design tokens. Same values as Synkolab Core globals.css.
   The package does not load fonts: the app loads Inter + IBM Plex Sans Thai. */
:root {
  --skl-or: #F7941D;
  --skl-accent: var(--skl-or); /* per-product accent: brand/active nav only; products override in their own CSS */
  --skl-navy: #1B2A4A;
  --skl-bg: #FBFAF7;
  --skl-fg: #1B2A4A;
  --skl-line: rgba(27, 42, 74, 0.12);
  --skl-muted: #5B6474;
  --skl-font: Inter, "IBM Plex Sans Thai", system-ui, sans-serif;
  --skl-header-h: 64px;
  --skl-max: 1180px;
  --skl-radius: 10px;
  --skl-focus: 0 0 0 3px rgba(247, 148, 29, 0.45);
  /* breakpoints (custom media does not exist in CSS; numbers are used directly): 600 / 1024 */
}