:root {
  --color-bg-rgb: 245 247 250;
  --color-surface-rgb: 255 255 255;
  --color-text-rgb: 30 41 59;
  --color-muted-rgb: 100 116 139;
  --color-primary-rgb: 0 51 79;
  --color-danger-rgb: 233 25 37;

  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --shadow-card: 0 12px 28px rgba(15, 23, 42, 0.1);
  --shadow-soft: 0 2px 10px rgba(15, 23, 42, 0.08);
  --shadow-focus: 0 0 0 4px rgba(0, 51, 79, 0.2), 0 10px 22px rgba(15, 23, 42, 0.14);
}

html,
body {
  background: rgb(var(--color-bg-rgb));
  color: rgb(var(--color-text-rgb));
}