/* assets/css/core/tokens.css */
/* Design tokens – EN källa för färger, typografi, spacing, radie, skuggor */
:root {
  /* Brand */
  --brand-50:#eff6ff; --brand-100:#dbeafe; --brand-200:#bfdbfe;
  --brand-500:#3b82f6; --brand-600:#2563eb; --brand-700:#1d4ed8;

  /* Base */
  --bg:#ffffff;
  --fg:#0b1220;
  --muted:#667085;
  --border:#e5e7eb;

  /* Typography */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono","Courier New", monospace;

  /* Type scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;

  /* Spacing */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;

  /* Radius & Shadow */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --shadow-md: 0 2px 8px rgba(16,24,40,.1);

  /* Components */
  --btn-bg: var(--brand-600);
  --btn-bg-hover: var(--brand-700);
  --btn-fg: #fff;
  --card-bg: #fff;
  --card-border: var(--border);
}
:root[data-theme="dark"] {
  --bg:#0b1220; --fg:#f8fafc; --muted:#98a2b3; --border:#1f2937;
  --card-bg:#0f172a;
  --btn-bg: var(--brand-500);
  --btn-bg-hover: var(--brand-600);
}