/* Empanadas World - design tokens */
:root {
  /* color */
  --ew-dorado: #E8A33D;
  --ew-borgona: #8C2F39;
  --ew-verde: #2F6B4F;
  --ew-crema: #FBF3E4;
  --ew-carbon: #241F1C;
  --ew-blanco: #FFFFFF;
  --ew-dorado-claro: #F4CE94;
  --ew-dorado-oscuro: #B87A22;
  --ew-borgona-claro: #B4515B;
  --ew-borgona-oscuro: #5E1D24;
  --ew-verde-claro: #7FA893;
  --ew-verde-oscuro: #1D4433;
  --ew-crema-oscuro: #EDE0C8;
  --ew-carbon-medio: #4A423D;

  /* roles */
  --ew-bg: var(--ew-crema);
  --ew-bg-alt: var(--ew-crema-oscuro);
  --ew-surface: var(--ew-blanco);
  --ew-text: var(--ew-carbon);
  --ew-text-soft: var(--ew-carbon-medio);
  --ew-primary: var(--ew-borgona);
  --ew-primary-hover: var(--ew-borgona-oscuro);
  --ew-accent: var(--ew-dorado);
  --ew-accent-ink: var(--ew-dorado-oscuro);
  --ew-positive: var(--ew-verde);

  /* tipografía */
  --ew-font-display: 'Fraunces', 'Times New Roman', serif;
  --ew-font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --ew-h1: clamp(2.5rem, 6vw, 4.5rem);
  --ew-h2: clamp(2rem, 4vw, 3rem);
  --ew-h3: 1.75rem;
  --ew-h4: 1.25rem;
  --ew-h5: 1rem;
  --ew-body: 1.0625rem;
  --ew-small: 0.875rem;
  --ew-lh-display: 0.98;
  --ew-lh-body: 1.6;
  --ew-ls-display: -0.02em;
  --ew-ls-caps: 0.08em;

  /* espacio, radio, sombra */
  --ew-space-1: 0.5rem;  --ew-space-2: 1rem;   --ew-space-3: 1.5rem;
  --ew-space-4: 2.5rem;  --ew-space-5: 4rem;   --ew-space-6: 6rem;
  --ew-radius-sm: 6px;   --ew-radius: 14px;    --ew-radius-lg: 26px;
  --ew-radius-pill: 999px;
  --ew-shadow-sm: 0 1px 2px rgba(36,31,28,.08), 0 2px 8px rgba(36,31,28,.06);
  --ew-shadow: 0 8px 30px rgba(36,31,28,.12);
  --ew-maxw: 1180px;
}