/* ══ Cocina: colores y capas del documento independiente ═════════════
   Cubre: portal /pedidos/. Los temas conservan sus variables compartidas.
   Estados: colores de acción, confirmación, advertencia y error. */
@layer tokens {
  :root {
    color-scheme: light;
    --bg: #f4f6f7;
    --surface: #fff;
    --surface-2: #edf1f3;
    --ink: #102d38;
    --ink-2: #35515c;
    --muted: #566970;
    --line: #d7e0e3;
    --line-soft: #e9eef0;
    --accent: #215f4c;
    --green: #215f4c;
    --green-soft: #edf5f0;
    --kitchen-category-blue: #275c82;
    --kitchen-category-blue-soft: #e9f2fa;
    --kitchen-category-purple: #665084;
    --kitchen-category-purple-soft: #f1ecf7;
    --kitchen-category-rose: #8b475a;
    --kitchen-category-rose-soft: #faedf1;
    --red: #af302d;
    --red-soft: #fff0ee;
    --amber: #805500;
    --amber-soft: #fff5dd;
    --r-xs: 6px;
    --r-sm: 8px;
    --r: 12px;
    --r-lg: 16px;
    --shadow: 0 16px 48px #102d381a;
    --kitchen-backdrop: #102d3866;
    --kitchen-on-action: #fff;
    --z-kitchen-header: 20;
    --z-kitchen-search: 10;
    --z-kitchen-cart: 30;
    --z-kitchen-toast: 40;
  }
}