:root {
  --font-family-base: "Segoe UI", "Helvetica Neue", sans-serif;

  --color-page-bg: #edf2f7;
  --color-page-bg-alt: #dce8ff;
  --color-text: #0f172a;
  --color-text-muted: #475569;

  --color-topbar-bg: #0f172a;
  --color-topbar-text: #f8fafc;
  --color-topbar-link: #cbd5e1;
  --color-topbar-link-active-bg: #1e293b;
  --color-topbar-link-active-text: #ffffff;

  --color-control-bg: #0b1328;
  --color-control-border: #334155;
  --color-control-text: #f8fafc;
  --color-control-hover: #1e293b;
  --color-control-disabled: #94a3b8;

  --color-surface: #ffffff;
  --color-surface-border: #d8e1ee;
  --color-table-row-alt: #f5f9ff;
  --color-primary: #2563eb;
  --color-primary-text: #ffffff;

  --color-danger-bg: #fee2e2;
  --color-danger-text: #991b1b;
  --color-admin-refresh-accent: #d97706;

  --shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.08);
}