:root{--mat-sys-primary: #52616a;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #d5e4ed;--mat-sys-on-primary-container: #0d1e27;--mat-sys-secondary: #46655e;--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: #c6e4de;--mat-sys-on-secondary-container: #01201a;--mat-sys-error: #a83836;--mat-sys-on-error: #ffffff;--mat-sys-error-container: #fde8e8;--mat-sys-on-error-container: #410002;--mat-sys-surface: #f8f9fa;--mat-sys-on-surface: #191c1e;--mat-sys-surface-variant: #eaecee;--mat-sys-on-surface-variant: #41484f;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-container-low: #f2f4f5;--mat-sys-surface-container: #e8eaec;--mat-sys-surface-container-high: #dde0e3;--mat-sys-surface-container-highest: #d2d5d8;--mat-sys-outline: #71787e;--mat-sys-outline-variant: rgba(193, 199, 206, .15);--shadow-ambient: 0 12px 40px rgba(45, 51, 53, .06);--shadow-float: 0 8px 32px rgba(45, 51, 53, .08);--font-display: "Manrope", sans-serif;--font-body: "Inter", sans-serif}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-body);background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface)}h1,h2,h3{font-family:var(--font-display);font-weight:700}.cocina-item__badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.cocina-item__badge--pendiente{background:#fff3cd;color:#7a5800}.cocina-item__badge--en-prep{background:var(--mat-sys-primary-container, #dce8ed);color:var(--mat-sys-on-primary-container, #1b3640)}.cocina-item__badge--listo{background:#d4edda;color:#155724}