/* =========================
   Variabler (globala)
========================= */
:root{
  /* Färgprofil */
  --vcom-brand: #111827;
  --vcom-accent: #4B5563;

  /* UI-variabler */
  --vcom-font: system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  --vcom-text: #111;
  --vcom-muted: #666;
  --vcom-border: #E5E7EB;
  --vcom-bg: #fff;

  --vcom-primary: #0F766E;
  --vcom-primary-600: #0D5F59;
  --vcom-primary-100: #E6F4F3;

  --vcom-danger: #DC2626;
  --vcom-warning: #D97706;
  --vcom-success: #16A34A;

  --vcom-radius: 12px;
  --vcom-shadow: 0 8px 24px rgba(0,0,0,.08);

  /* Layout */
  --vcom-max: 1200px;
  --vcom-gap: 16px;
  --vcom-header-h: 72px;
}