/* ============================================================
   Tokens de diseño — valores de la marca aprobada (Fase A)
   Los colores de marca se pueden sobreescribir por cliente
   desde app/data.py (THEME), que base.html inyecta en :root.
   ============================================================ */

/* Fuentes self-hosted (SIL Open Font License) — ver static/fonts/README.md */
@font-face{font-family:'Outfit';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/outfit-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/outfit-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 500;font-display:swap;src:url('../fonts/playfair-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 500;font-display:swap;src:url('../fonts/playfair-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* marca */
  --petrol:#32586D;
  --petrol-dark:#22404F;
  --petrol-darkest:#13232C;
  --petrol-light:#5C8299;
  /* acento único del sitio */
  --ocean:#3D86AD;
  --ocean-light:#8FC2DC;

  /* neutros */
  --bone:#F7F4EF;
  --bone-2:#F1EDE6;
  --sand:#E9E2D7;
  --mist:#E5EAE7;
  --white:#FFFFFF;
  --ink:#16252E;
  --muted:#6B7A83;
  --muted-dark:#56656E; /* texto secundario con contraste AA sobre bone y blanco */
  --line:rgba(22,37,46,.11);
  --line-soft:rgba(22,37,46,.06);
  --line-strong:rgba(22,37,46,.28);

  /* acento para tags, puntos, reglas y checks; cada departamento puede redefinirlo */
  --accent:var(--ocean);

  /* funcionales */
  --whatsapp:#25D366;
  --whatsapp-hover:#1FB356;
  --success:#1F7A53;
  --danger:#B42318;
  --range:#E4EEF3;

  /* tipografía */
  --font-brand:'Playfair Display',Georgia,serif;
  --font-display:'Outfit','Helvetica Neue',Arial,sans-serif;
  --font-body:'Outfit','Helvetica Neue',Arial,sans-serif;

  /* forma y movimiento */
  --radius-small:4px; --radius-medium:14px; --radius-large:22px; --radius-pill:999px;
  --page-gutter:clamp(20px,5vw,72px);
  --max-width:1320px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow-small:0 2px 10px rgba(22,37,46,.05);
  --shadow-medium:0 18px 50px -20px rgba(22,37,46,.22);
  --shadow-large:0 40px 90px -40px rgba(22,37,46,.42);
}