/* Tokens de diseño ImprentaYa (§3). No escribir colores sueltos fuera de este archivo. */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2"); }

:root {
  /* Marca */
  --c-primary:        #3E5C73;
  --c-primary-700:    #2F4759;
  --c-primary-900:    #1F2F3B;
  --c-primary-100:    #E3EAF0;
  --c-primary-50:     #F1F5F8;
  --c-accent:         #F2836B;
  --c-accent-600:     #E0664C;
  --c-accent-300:     #F59C86;
  --c-accent-100:     #FDE7E1;

  /* Neutros */
  --c-bg:             #FAF7F2;
  --c-bg-warm:        #F4EEE5;
  --c-surface:        #FFFFFF;
  --c-border:         #E7E1D8;
  --c-text:           #1F2D3A;
  --c-text-muted:     #5E6B77;
  --c-white:          #FFFFFF;
  --c-overlay:        rgba(31, 45, 58, .55);

  /* Estado */
  --c-success:        #2E9E6B;
  --c-success-100:    #E1F3EA;
  --c-warning:        #E8A33D;
  --c-warning-100:    #FBF0DC;
  --c-error:          #D64545;
  --c-error-100:      #FBE4E4;
  --c-whatsapp:       #25D366;
  --c-success-ink:    #1D6B48;
  --c-warning-ink:    #7A4F0D;
  --c-error-ink:      #9C2B2B;
  --c-star:           #F2836B;

  /* Tipografía (autoalojada) */
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-lg: 1.125rem;
  --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem; --fs-4xl: 3rem;

  /* Forma */
  --radius-sm: 8px; --radius: 16px; --radius-lg: 24px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(31,45,58,.06);
  --shadow:    0 6px 20px rgba(31,45,58,.08);
  --shadow-lg: 0 16px 40px rgba(31,45,58,.12);

  /* Espaciado (escala de 4px) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px;
  --sp-8: 32px; --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  --container: 1280px;
  --header-h: 72px;
}