:root {
  --color-primary: #0D88C4;
  --color-primary-dark: #0873a7;
  --color-secondary: #FFCA29;
  --color-secondary-dark: #eab000;
  --color-text-dark: #333333;
  --color-text-light: #FFFFFF;
  --color-text: var(--color-text-dark);
  --color-text-muted: #52606d;
  --color-surface: var(--color-text-light);
  --color-border: #dce4ea;
  --color-focus: #2f80ed;

  --font-sans: "Roboto", Arial, sans-serif;
  --container-max: 1200px;
  --header-height: 76px;
  --radius-sm: 0.5rem;
  --shadow-header: 0 4px 18px rgb(7 59 102 / 10%);
  --transition-fast: 180ms ease;

  --breakpoint-desktop: 1024px;
}