/*
 * GO! onderwijs van de Vlaamse Gemeenschap - Design Tokens
 * CSS Custom Properties for the GO! huisstijl (brand guidelines).
 * Source: go--ui-design-guidelines.md, verified from g-o.be and pro.g-o.be
 */

:root {
  /* Brand colors */
  --go-magenta: #C3004A;
  --go-magenta-rgb: 195, 0, 74;
  --go-turquoise: #67C0BA;
  --go-purple: #532464;
  --go-teal: #016170;

  /* Extended palette */
  --go-magenta-light: #D63366;
  --go-magenta-dark: #A80049;
  --go-magenta-bg: #FDE8EF;
  --go-teal-light: #01778E;
  --go-turquoise-bg: #E6F3F4;
  --go-purple-light: #7A4589;
  --go-purple-dark: #3C1849;
  --go-purple-bg: #EDE4F0;

  /* Neutrals */
  --go-text-primary: #303030;
  --go-text-dark: #141414;
  --go-text-secondary: #737373;
  --go-text-disabled: #9E9E9E;
  --go-background: #FFFFFF;
  --go-surface: #F8F7F7;
  --go-surface-alt: #F3F2F2;
  --go-border: #E5E5E5;
  --go-border-strong: #BDBDBD;

  /* Semantic */
  --go-success: #2E7D32;
  --go-warning: #ED6C02;
  --go-error: #D32F2F;
  --go-info: #0288D1;

  /* Spacing (4px base unit) */
  --go-space-1: 4px;
  --go-space-2: 8px;
  --go-space-3: 12px;
  --go-space-4: 16px;
  --go-space-6: 24px;
  --go-space-8: 32px;
  --go-space-12: 48px;
  --go-space-16: 64px;

  /* Border radius */
  --go-radius-sm: 4px;
  --go-radius-md: 8px;
  --go-radius-pill: 20px;

  /* Typography */
  --go-font-family: "Flanders Art Sans", Arial, sans-serif;
  --go-font-size-caption: 12px;
  --go-font-size-sm: 14px;
  --go-font-size-body: 16px;
  --go-font-size-h4: 20px;
  --go-font-size-h3: 22px;
  --go-font-size-h2: 28px;
  --go-font-size-h1: 26px;
  --go-line-height-heading: 1.4;
  --go-line-height-body: 1.6;
  --go-line-height-compact: 1.4;
}