/* GENERATED — do not edit. Source: portale/packages/design-system/src/tokens.css
   Regenerate: iam-frontend/deploy/sync-brand-tokens.sh */

/* ── Concept 2 Refined Light — Design Tokens ── */

:root {
  /* Backgrounds */
  --bg: #eef4fb;
  --bg-elevated: #ffffff;
  --bg-soft: rgba(45, 107, 228, 0.07);

  /* Surfaces */
  --surface: #f5f9ff;
  --surface-strong: #e8eef8;
  --surface-border: #dde6f3;

  /* Text */
  --text: #0d1b2e;
  --text-soft: #3a4a60;
  --text-muted: #7a8ea8;

  /* Brand / Primary */
  --primary: #2d6be4;
  --primary-strong: #1a55cc;
  --primary-subtle: rgba(45, 107, 228, 0.12);

  /* Status */
  --success: #16a34a;
  --success-bg: rgba(22, 163, 74, 0.1);
  --warning: #d97706;
  --warning-bg: rgba(217, 119, 6, 0.1);
  --danger: #dc2626;
  --danger-bg: rgba(220, 38, 38, 0.1);
  --info: #0284c7;
  --info-bg: rgba(2, 132, 199, 0.1);

  /* Border radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

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

  /* Typography */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.16);

  /* Transitions */
  --transition-fast: 100ms ease;
  --transition-base: 150ms ease;
  --transition-slow: 250ms ease;
}

[data-theme="dark"] {
  /* Backgrounds */
  --bg: #07111f;
  --bg-elevated: #0e1c2f;
  --bg-soft: rgba(74, 138, 244, 0.1);

  /* Surfaces */
  --surface: #0b1829;
  --surface-strong: #162438;
  --surface-border: #1e3050;

  /* Text */
  --text: #e8f0fc;
  --text-soft: #a8bcda;
  --text-muted: #5a7499;

  /* Brand / Primary */
  --primary: #4a8af4;
  --primary-strong: #6aa0ff;
  --primary-subtle: rgba(74, 138, 244, 0.15);

  /* Status */
  --success: #22c55e;
  --success-bg: rgba(34, 197, 94, 0.12);
  --warning: #f59e0b;
  --warning-bg: rgba(245, 158, 11, 0.12);
  --danger: #f87171;
  --danger-bg: rgba(248, 113, 113, 0.12);
  --info: #38bdf8;
  --info-bg: rgba(56, 189, 248, 0.12);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.55);
}