/*
 * NextGen design tokens.
 * Single source of truth for color, layout, shape, shadow, and typography
 * across every screen. Per-screen CSS should reference these variables, not
 * hard-coded hex / px values.
 */
:root {
  /* Brand */
  --color-brand-navy: #003f70;
  --color-brand-navy-dark: #002f56;
  --color-brand-blue: #0b5cad;
  --color-brand-blue-light: #eaf3ff;
  --color-brand-blue-hover: #094d92;   /* ~5% darker than --color-brand-blue */

  /* Button hover states — used by .button-*:hover rules. */
  --color-danger-hover: #9d1818;
  --color-success-hover: #135128;

  /* Backgrounds */
  --color-page-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-subtle: #f1f5f9;
  --color-row-hover: #f6faff;
  --color-row-selected: #eef6ff;

  /* Text */
  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #64748b;
  --color-text-inverse: #ffffff;

  /* Borders */
  --color-border: #dbe3ea;
  --color-border-subtle: #e8eef4;
  --color-focus: #2563eb;

  /* Status */
  --color-success-bg: #e7f6ec;
  --color-success-text: #166534;
  --color-warning-bg: #fff3cd;
  --color-warning-text: #92400e;
  --color-danger-bg: #fde8e8;
  --color-danger-text: #b91c1c;
  --color-info-bg: #eaf3ff;
  --color-info-text: #0756a5;

  /* Layout */
  --top-nav-height: 64px;
  --sidebar-width: 320px;
  --page-padding-x: 40px;
  --page-padding-y: 32px;
  --card-padding: 24px;
  --control-height: 40px;

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.04);
  --shadow-modal: 0 12px 32px rgba(15, 23, 42, 0.18);

  /* Typography */
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}