/* Rafiq huisstijl, gegenereerd uit het Rafiq brandbook (tokens.json). Niet met de hand aanpassen. */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600&family=Poppins:wght@400;500;600&display=swap');

:root {
  --surface: #F7F8F5;
  --surface-raised: #FFFFFF;
  --surface-inverse: #16233F;
  --line: #DDE1D6;
  --ink: #1A2233;
  --ink-muted: #4B5468;
  --on-inverse: #F7F8F5;
  --amanah-navy-dark: #16233F;
  --amanah-navy: #2B364F;
  --amanah-lime: #A4C546;
  --amanah-lime-dark: #9FCB3B;
  --amanah-cream: #F7F8F5;
  --amanah-ink: #1A2233;
  --action: #16233F;
  --on-action: #F7F8F5;
  --rafiq-signal: #A4C546;
  --rafiq-soft: #EEF4DA;
  --rafiq-ink: #3E5A12;
  --focus: #2B364F;
  --status-good: #2F6B1F;
  --status-good-soft: #E6F0D8;
  --status-warning: #8A5200;
  --status-warning-soft: #FBEFD9;
  --status-critical: #B42318;
  --status-critical-soft: #FBE4E1;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow-card: 0 1px 2px rgba(22,35,63,0.08);
  --font-serif: Lora, Georgia, "Times New Roman", serif;
  --font-sans: Poppins, "Segoe UI", Calibri, system-ui, sans-serif;
}

[data-theme="dark"] {
  --surface: #16233F;
  --surface-raised: #2B364F;
  --surface-inverse: #2B364F;
  --line: #3A4560;
  --ink: #F7F8F5;
  --ink-muted: #B9C0CC;
  --on-inverse: #F7F8F5;
  --action: #A4C546;
  --on-action: #16233F;
  --rafiq-signal: #A4C546;
  --rafiq-soft: #2F3A1E;
  --rafiq-ink: #C9E07F;
  --focus: #A4C546;
  --status-good: #A4C546;
  --status-good-soft: #24331A;
  --status-warning: #F2B84B;
  --status-warning-soft: #3A2E14;
  --status-critical: #FF8A80;
  --status-critical-soft: #3D1D1D;
  --shadow-card: none;
}