:root {
  /* Exact dominant colors sampled from the supplied Mi Seguro logo */
  --color-primary: #002664;   /* dark navy */
  --color-secondary: #67C7FF; /* light blue */
  --color-accent: #004AAD;    /* royal blue */
  --color-white: #FFFFFF;

  /* Supporting UI shades derived from the logo */
  --color-primary-soft: #0A3674;
  --color-secondary-soft: #DDF4FF;
  --color-accent-soft: #E6F0FF;

  --color-bg: #F6FBFF;
  --color-surface: #FFFFFF;
  --color-text: #163354;
  --color-muted: #61758A;
  --color-border: #D7E8F4;

  --shadow-sm: 0 8px 24px rgba(0, 38, 100, 0.08);
  --shadow-md: 0 18px 48px rgba(0, 38, 100, 0.14);

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --container: 1180px;
  --header-height: 76px;
}