/* ASW brand primitives. Verto yellow is the primary; the logo's blue is kept
   only as a secondary mark colour. Themes in light.css / dark.css map these
   onto semantic roles -- prefer the semantic tokens in components. */

:root {
  /* Brand palette */
  --color-yellow: #FFD60A;        /* Verto brand yellow */
  --color-yellow-hover: #E6C000;
  --color-yellow-bright: #FFE04D;
  /* Yellow is unreadable as text on white, so link/label ink uses this step. */
  --color-yellow-ink: #8A6D00;

  /* Neutral dark scale -- deliberately untinted. The logo's own backdrop is
     near-black, so a neutral rail lets it sit flush without a colour cast. */
  --color-ink: #0E0E10;
  --color-ink-2: #17171A;
  --color-ink-3: #232327;
  --color-paper: #FFFFFF;

  /* Status. Fixed across themes so a state never changes hue with the theme,
     and always shipped with a label -- colour never carries state alone. */
  --status-good: #0CA30C;
  --status-warning: #FAB219;
  --status-serious: #EC835A;
  --status-critical: #D03B3B;

  /* Typography */
  --font-sans: 'Inter', system-ui, sans-serif;

  /* Layout */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
}