/* Hunters 547 Cloud · tokens de diseño v1.0 · generado desde tokens.json */
:root {
  --hc-color-brand-verde: #86BA35;
  --hc-color-brand-carbon: #222627;
  --hc-color-brand-verde-texto: #46720F;
  --hc-color-verde-100: #EAF3D8;
  --hc-color-verde-300: #B7D68A;
  --hc-color-verde-500: #86BA35;
  --hc-color-verde-700: #46720F;
  --hc-color-verde-900: #2A4509;
  --hc-color-neutral-white: #FFFFFF;
  --hc-color-neutral-niebla: #F4F5F1;
  --hc-color-neutral-linea: #E0E3D8;
  --hc-color-neutral-gris-300: #d1d5db;
  --hc-color-neutral-gris-600: #4b5563;
  --hc-color-neutral-carbon: #222627;
  --hc-color-neutral-noche: #1a1c1a;
  --hc-color-text-primary: #222627;
  --hc-color-text-secondary: #4b5563;
  --hc-color-text-link: #46720F;
  --hc-color-text-on-dark: #FFFFFF;
  --hc-color-text-on-brand: #222627;
  --hc-color-surface-page: #FFFFFF;
  --hc-color-surface-subtle: #F4F5F1;
  --hc-color-surface-inverse: #222627;
  --hc-color-surface-app-dark: #1a1c1a;
  --hc-color-surface-border: #E0E3D8;
  --hc-color-estado-pedido-colocado-base: #6B7280;
  --hc-color-estado-pedido-colocado-text-light: #4B5563;
  --hc-color-estado-pedido-colocado-bg-light: #EEF0EC;
  --hc-color-estado-pedido-colocado-text-dark: #D1D5DB;
  --hc-color-estado-pedido-colocado-bg-dark: #33373A;
  --hc-color-estado-confirmado-base: #2F80B7;
  --hc-color-estado-confirmado-text-light: #1D5F8A;
  --hc-color-estado-confirmado-bg-light: #E3EFF7;
  --hc-color-estado-confirmado-text-dark: #7DBBE2;
  --hc-color-estado-confirmado-bg-dark: #1E3A4C;
  --hc-color-estado-en-preparacion-base: #E0B52A;
  --hc-color-estado-en-preparacion-text-light: #7A5800;
  --hc-color-estado-en-preparacion-bg-light: #FBF1D3;
  --hc-color-estado-en-preparacion-text-dark: #E8C24A;
  --hc-color-estado-en-preparacion-bg-dark: #3D3414;
  --hc-color-estado-en-camino-base: #86BA35;
  --hc-color-estado-en-camino-text-light: #46720F;
  --hc-color-estado-en-camino-bg-light: #EAF3D8;
  --hc-color-estado-en-camino-text-dark: #B7E84B;
  --hc-color-estado-en-camino-bg-dark: #2A3A10;
  --hc-color-estado-entregado-base: #46720F;
  --hc-color-estado-entregado-text-light: #FFFFFF;
  --hc-color-estado-entregado-bg-light: #46720F;
  --hc-color-estado-entregado-text-dark: #222627;
  --hc-color-estado-entregado-bg-dark: #86BA35;
  --hc-color-estado-cancelado-base: #B42318;
  --hc-color-estado-cancelado-text-light: #B42318;
  --hc-color-estado-cancelado-bg-light: #FDE8E7;
  --hc-color-estado-cancelado-text-dark: #F08A84;
  --hc-color-estado-cancelado-bg-dark: #3A1A1A;
  --hc-font-family-display: 'Anybody', 'Montserrat', system-ui, sans-serif;
  --hc-font-family-ui: 'Montserrat', system-ui, sans-serif;
  --hc-font-family-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hc-font-family-mono: 'JetBrains Mono', 'DejaVu Sans Mono', ui-monospace, monospace;
  --hc-font-weight-regular: 400;
  --hc-font-weight-medium: 500;
  --hc-font-weight-semibold: 600;
  --hc-font-weight-bold: 700;
  --hc-font-weight-display: 725;
  --hc-font-size-xs: 12px;
  --hc-font-size-sm: 14px;
  --hc-font-size-md: 16px;
  --hc-font-size-lg: 20px;
  --hc-font-size-xl: 28px;
  --hc-font-size-2xl: 40px;
  --hc-font-size-3xl: 56px;
  --hc-font-lineHeight-tight: 1.15;
  --hc-font-lineHeight-snug: 1.3;
  --hc-font-lineHeight-normal: 1.5;
  --hc-space-1: 4px;
  --hc-space-2: 8px;
  --hc-space-3: 12px;
  --hc-space-4: 16px;
  --hc-space-6: 24px;
  --hc-space-8: 32px;
  --hc-space-12: 48px;
  --hc-space-16: 64px;
  --hc-radius-sm: 6px;
  --hc-radius-md: 12px;
  --hc-radius-lg: 20px;
  --hc-radius-pill: 999px;
  --hc-radius-app-icon: 22.5%;
  --hc-shadow-sm: 0 1px 2px rgba(34,38,39,.10);
  --hc-shadow-md: 0 6px 18px rgba(34,38,39,.12);
  --hc-shadow-focus: 0 0 0 3px rgba(134,186,53,.45);
  --hc-motion-fast: 120ms;
  --hc-motion-base: 200ms;
  --hc-motion-easing: cubic-bezier(.2,.7,.2,1);
  --hc-layout-touch-target: 44px;
  --hc-layout-block-angle: 24deg;
}

/* Chips de estado del pedido (tema claro). En tema oscuro usa text-dark / bg-dark. */
.hc-chip { display:inline-flex; align-items:center; gap:.4em; padding:.2em .7em; border-radius:var(--hc-radius-pill);
  font:600 .8rem/1.4 var(--hc-font-family-ui); }
.hc-chip--pedido-colocado { color:var(--hc-color-estado-pedido-colocado-text-light); background:var(--hc-color-estado-pedido-colocado-bg-light); }
.hc-chip--confirmado { color:var(--hc-color-estado-confirmado-text-light); background:var(--hc-color-estado-confirmado-bg-light); }
.hc-chip--en-preparacion { color:var(--hc-color-estado-en-preparacion-text-light); background:var(--hc-color-estado-en-preparacion-bg-light); }
.hc-chip--en-camino { color:var(--hc-color-estado-en-camino-text-light); background:var(--hc-color-estado-en-camino-bg-light); }
.hc-chip--entregado { color:var(--hc-color-estado-entregado-text-light); background:var(--hc-color-estado-entregado-bg-light); }
.hc-chip--cancelado { color:var(--hc-color-estado-cancelado-text-light); background:var(--hc-color-estado-cancelado-bg-light); }
[data-theme="dark"] .hc-chip--pedido-colocado { color:var(--hc-color-estado-pedido-colocado-text-dark); background:var(--hc-color-estado-pedido-colocado-bg-dark); }
[data-theme="dark"] .hc-chip--confirmado { color:var(--hc-color-estado-confirmado-text-dark); background:var(--hc-color-estado-confirmado-bg-dark); }
[data-theme="dark"] .hc-chip--en-preparacion { color:var(--hc-color-estado-en-preparacion-text-dark); background:var(--hc-color-estado-en-preparacion-bg-dark); }
[data-theme="dark"] .hc-chip--en-camino { color:var(--hc-color-estado-en-camino-text-dark); background:var(--hc-color-estado-en-camino-bg-dark); }
[data-theme="dark"] .hc-chip--entregado { color:var(--hc-color-estado-entregado-text-dark); background:var(--hc-color-estado-entregado-bg-dark); }
[data-theme="dark"] .hc-chip--cancelado { color:var(--hc-color-estado-cancelado-text-dark); background:var(--hc-color-estado-cancelado-bg-dark); }

/* Bloque inclinado: acento de marca (24°) */
.hc-block { display:inline-block; height:.5em; width:3em; background:var(--hc-color-brand-verde);
  transform:skewX(24deg); border-radius:0 .2em 0 .2em; }
.hc-focus:focus-visible { outline:none; box-shadow:var(--hc-shadow-focus); }
@media (prefers-reduced-motion: reduce) { :root { --hc-motion-fast:0ms; --hc-motion-base:0ms; } }