/* =========================================================
   BRAND.CSS — SegurosconLiza.com
   Design tokens, reset y body base.
   NO modificar los tokens — añadir variantes como --color-dark
   ========================================================= */

:root {
  /* Colores principales */
  --primary:     #0D6E8A;
  --primary-dk:  #0A5A73;
  --primary-lt:  #EBF4F8;
  --secondary:   #F5F0E6;
  --accent:      #D4714A;
  --accent-dk:   #B85C38;

  /* Neutros */
  --dark:   #1C2B3A;
  --muted:  #4A5568;
  --light:  #FAFAF8;
  --white:  #FFFFFF;
  --border: #E2ECF0;

  /* Tipografías */
  --serif: 'DM Serif Display', Georgia, serif;
  --sans:  'Inter', system-ui, sans-serif;
  --mono:  'DM Mono', monospace;

  /* Forma */
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Sombras */
  --shadow:    0 4px 24px rgba(13,110,138,.10);
  --shadow-lg: 0 20px 60px rgba(13,110,138,.16);
  --shadow-card: 0 2px 12px rgba(28,43,58,.08);
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--sans);
  color: var(--dark);
  background: var(--light);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
img  { display: block; max-width: 100%; }
a    { color: inherit; text-decoration: none; }
ul   { list-style: none; }
button, input, select, textarea { font-family: inherit; }