/* Iga juht on IT-juht tokens as CSS variables (from tokens.json). */
:root {
  --navy: #0B1730;
  --ink: #0F1B33;
  --muted: #4A5568;
  --surface: #F3F5F8;
  --surface-raised: #FFFFFF;
  --blue: #1F56D6;
  --blue-deep: #163F9E;
  --blue-soft: #9DB8F2;
  --blue-pale: #C9D8F8;
  --blue-tint: #E7EEFB;
  --neutral-tint: #EDEFF3;
  --neutral-ink: #3F4859;
  --placeholder: #E3E7ED;
  --divider: #E6EAF0;
  --border: #DCE1E8;
  --rule: #CDD4DE;
  --border-strong: #B8C1CE;
  --on-navy: #FFFFFF;
  --on-navy-muted: rgba(255, 255, 255, 0.74);
  --on-navy-subtle: rgba(255, 255, 255, 0.62);
  --navy-line: rgba(255, 255, 255, 0.12);
  --navy-outline: rgba(255, 255, 255, 0.32);
  --navy-cell: rgba(255, 255, 255, 0.05);
  --navy-panel: rgba(255, 255, 255, 0.03);
  --navy-badge: rgba(157, 184, 242, 0.16);
  --on-blue: #FFFFFF;
  --on-blue-muted: rgba(255, 255, 255, 0.86);
  --link: #1F56D6;

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-11: 44px;
  --space-12: 48px;
  --space-16: 64px;
  --space-28: 112px;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  --container-max: 1200px;
  --gutter: 48px;
  --gutter-phone: 20px;
}