/* ═══════════════════════════════════════════════════════════════════════════
   Fluent — Microsoft
   Licht, clean, functioneel. Dun, weinig schaduw, subtiele randing.
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root[data-theme="fluent"] {
  --wa-font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --wa-font-mono: Consolas, "Cascadia Code", monospace;
  --wa-font-weight: 400; --wa-font-weight-medium: 500; --wa-font-weight-bold: 600;

  --wa-bg: #FAFAFA; --wa-surface: #FFFFFF; --wa-surface-alt: #F5F5F5;
  --wa-surface-hover: #EBEBEB; --wa-surface-pressed: #E0E0E0;
  --wa-border: #E5E5E5; --wa-border-strong: #C7C7C7; --wa-border-subtle: #F0F0F0;

  --wa-text: #1B1B1B; --wa-text-secondary: #404040; --wa-text-muted: #808080;
  --wa-text-disabled: #B0B0B0; --wa-text-inverse: #FFF;

  --wa-accent: #005FB8; --wa-accent-hover: #004E99; --wa-accent-subtle: rgba(0,95,184,.06);
  --wa-accent-text: #005FB8;

  --wa-error: #C42B1C; --wa-error-bg: #FDE7E9; --wa-error-border: #EEACB2;
  --wa-warning: #9D5D00; --wa-warning-bg: #FFF4CE; --wa-warning-border: #FDCF72;
  --wa-success: #0F7B0F; --wa-success-bg: #DFF6DD; --wa-success-border: #9FD89F;
  --wa-info: #005FB8; --wa-info-bg: #EBF3FC; --wa-info-border: #98C6EE;

  --wa-radius-xs: 2px; --wa-radius-sm: 3px; --wa-radius: 4px;
  --wa-radius-lg: 6px; --wa-radius-xl: 8px; --wa-radius-full: 9999px;

  --wa-shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --wa-shadow: 0 2px 6px rgba(0,0,0,.07);
  --wa-shadow-lg: 0 4px 12px rgba(0,0,0,.1);
  --wa-shadow-xl: 0 8px 24px rgba(0,0,0,.12);

  --wa-overlay: rgba(0,0,0,.35);

  --wa-badge-blue-bg: #EBF3FC; --wa-badge-blue-text: #005FB8; --wa-badge-blue-border: #98C6EE;
  --wa-badge-purple-bg: #F4ECFB; --wa-badge-purple-text: #7A3DB8; --wa-badge-purple-border: #C4A3E0;
  --wa-badge-orange-bg: #FFF4CE; --wa-badge-orange-text: #9D5D00; --wa-badge-orange-border: #FDCF72;
  --wa-badge-green-bg: #DFF6DD; --wa-badge-green-text: #0F7B0F; --wa-badge-green-border: #9FD89F;
  --wa-badge-red-bg: #FDE7E9; --wa-badge-red-text: #C42B1C; --wa-badge-red-border: #EEACB2;
  --wa-badge-cyan-bg: #E1F5FE; --wa-badge-cyan-text: #0277BD; --wa-badge-cyan-border: #81D4FA;
  --wa-badge-violet-bg: #F4ECFB; --wa-badge-violet-text: #7A3DB8; --wa-badge-violet-border: #C4A3E0;
  --wa-badge-teal-bg: #DFF6DD; --wa-badge-teal-text: #0F7B0F; --wa-badge-teal-border: #9FD89F;

  --wa-score-a: #0F7B0F; --wa-score-a-bg: #DFF6DD;
  --wa-score-b: #3B8C10; --wa-score-b-bg: #E8F5E9;
  --wa-score-c: #9D5D00; --wa-score-c-bg: #FFF4CE;
  --wa-score-d: #D83B01; --wa-score-d-bg: #FED9CC;
  --wa-score-e: #C42B1C; --wa-score-e-bg: #FDE7E9;

  --wa-stage1-bg: #EBF3FC; --wa-stage1-text: #005FB8;
  --wa-stage2-bg: #F4ECFB; --wa-stage2-text: #7A3DB8;
  --wa-stage3-bg: #DFF6DD; --wa-stage3-text: #0F7B0F;

  --wa-btn-bg: #005FB8; --wa-btn-hover: #004E99; --wa-btn-text: #FFF;
  --wa-btn-disabled: #F0F0F0; --wa-btn-disabled-text: #B0B0B0;

  --wa-input-bg: #FFF; --wa-input-border: #C7C7C7;
  --wa-input-focus: #005FB8; --wa-input-focus-shadow: rgba(0,95,184,.12);
}