/* ═══════════════════════════════════════════════════════
   Clearsite Brand Style Guide v1.0 — CSS custom properties
   ═══════════════════════════════════════════════════════ */
:root {
  /* Brand kleuren */
  --brand-primary: #0F4C5C;
  --brand-primary-hover: #0A3942;
  --brand-primary-light: #E0EBEE;
  --brand-accent: #10B981;
  --brand-accent-hover: #059669;
  --brand-accent-light: #D1FAE5;
  --brand-dark: #0B2129;

  /* Tekstkleuren */
  --text-on-light: #0F172A;
  --text-on-light-muted: #475569;
  --text-on-dark: #F8FAFC;
  --text-on-dark-muted: #94A3B8;

  /* Achtergronden */
  --bg-light: #FFFFFF;
  --bg-light-subtle: #F8FAFC;
  --bg-dark: #0B2129;

  /* Borders */
  --border-light: #E2E8F0;
  --border-on-dark: #1E293B;

  /* Lettertype */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

body { font-family: var(--font-sans); }