:root {
  --color-navy: #043251;
  --color-blue: #135a89;
  --color-action: #0073aa;
  --color-white: #ffffff;
  --color-surface: #f7f7f7;
  --color-light-blue: #e8f0f5;
  --color-border: #d9e3e9;
  --color-text: #043251;
  --color-muted: #526b7b;
  --color-success: #2f6b57;
  --color-warning: #9a6a26;
  --color-error: #a63d40;
  --bakkara-font: Arial, Helvetica, sans-serif;
  --bakkara-radius: 4px;
  --bakkara-content: 1320px;
  --bakkara-gutter: 64px;
  --bakkara-space: clamp(56px, 7vw, 104px);
  --bakkara-focus: 3px solid var(--color-action);
}
@media(max-width:1100px){:root{--bakkara-gutter:32px}}
@media(max-width:640px){:root{--bakkara-gutter:20px}}