:root {
  --c-primary: #0B3D6B;
  --c-primary-2: #124E83;
  --c-primary-soft: #E7EEF6;
  --c-accent: #E8A33D;
  --c-accent-soft: #FBEFD8;
  --c-success: #0E7C66;
  --c-success-soft: #DEF0EB;
  --c-text: #1A1A1A;
  --c-text-soft: #5A5A5A;
  --c-text-muted: #8A8A8A;
  --c-line: #E5E5E5;
  --c-line-soft: #F0F0F0;
  --c-bg: #FFFFFF;
  --c-bg-soft: #F6F8FB;
  --c-bg-dark: #0A2540;
  --c-danger: #C0392B;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --shadow-sm: 0 1px 2px rgba(11, 61, 107, .06);
  --shadow-md: 0 4px 12px rgba(11, 61, 107, .08);
  --shadow-lg: 0 12px 32px rgba(11, 61, 107, .12);

  --container: 1200px;
  --gap: 24px;
  --gap-sm: 12px;
  --gap-lg: 48px;

  --header-h: 72px;
  --ease: cubic-bezier(.2, .6, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root { }
}