/*
   ==========================================================================
   TOKENS — variables de diseño
   Paleta "Inglés": verde inglés (racing green) con marrones claros.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Work+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

:root {
  /* VERDE INGLÉS — identidad principal */
  --color-primary: #1C3B2E;
  --color-primary-hover: #10261D;
  --color-secondary: #8C7355;
  --color-secondary-soft: #EDE3D0;

  /* MARRÓN CUERO — acento cálido (uso deliberadamente escaso) */
  --color-accent: #A9754C;
  --color-accent-hover: #8A5E3B;
  --color-accent-soft: #EAD9C2;

  /* TRIGO / ORO PÁLIDO — detalles, sellos, precios destacados */
  --color-highlight: #C9A063;
  --color-highlight-soft: #F1E4C6;

  /* NEUTROS — papel/pergamino cálido */
  --color-bg-main: #F6F1E4;
  --color-bg-card: #FFFDF7;
  --color-bg-alt: #ECE2CC;
  --color-bg-ink: #16241C;

  /* TEXTO */
  --color-text-main: #1A2A20;
  --color-text-muted: #5E5A4C;
  --color-text-soft: #8B8574;
  --color-text-light: #F6F1E4;
  --color-text-light-muted: #C9C2AA;

  /* BORDES / SOMBRAS */
  --border-color: #DDD0B4;
  --border-color-dark: rgba(246, 241, 228, 0.16);
  --shadow-sm: 0 1px 2px rgba(22, 36, 28, 0.05);
  --shadow-md: 0 6px 20px -12px rgba(22, 36, 28, 0.16);
  --shadow-lg: 0 16px 40px -18px rgba(22, 36, 28, 0.22);

  /* ESTADOS */
  --color-success: #3F7A3A;
  /* Variante suave de success — misma familia que los *-soft de arriba,
     la estrena el badge de pago en efectivo (.badge-payment-cash). */
  --color-success-soft: #DFEBDB;
  --color-warning: #B8791F;
  --color-danger: #A6402F;

  /* RADIOS — un solo valor por rol, sin combinaciones asimétricas */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* TIPOGRAFÍA */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Work Sans', -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* ESCALA TIPOGRÁFICA FLUIDA */
  --fs-display: clamp(2.7rem, 2rem + 3vw, 4.5rem);
  --fs-h2: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --fs-h3: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);

  /* RITMO / ESPACIADO */
  --space-section: clamp(4rem, 3rem + 4vw, 7rem);
}