:root{
/* Ink — rampa neutra, com leve viés esverdeado (nunca azulado) */
--ink-900:#0B1013;--ink-800:#141B1F;--ink-700:#1F282D;--ink-600:#34424A;--ink-500:#566772;--ink-400:#7C8C96;--ink-300:#A9B6BD;--ink-200:#D2DBDF;--ink-100:#E8EEF0;--ink-050:#F4F7F8;--white:#FFFFFF;
/* Verde Pronto — primária, o estado que o produto entrega */
--green-700:#046348;--green-600:#07845A;--green-500:#0E9F6E;--green-400:#34C58F;--green-100:#DCF5EB;
/* Âmbar — esperando / fila apertando */
--amber-700:#7A4A00;--amber-600:#B26A00;--amber-500:#F5A524;--amber-400:#FFC35C;--amber-100:#FDF0D5;
/* Vermelho — atraso, erro, plataforma offline */
--red-600:#C3282D;--red-500:#E5484D;--red-100:#FBE3E4;
/* Azul — informação, links */
--blue-600:#1F51B8;--blue-500:#2E6BE6;--blue-100:#E3EBFD;

/* Semantic — texto */
--text-body:var(--ink-800);--text-strong:var(--ink-900);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-inverse:var(--white);--text-link:var(--blue-600);--text-accent:var(--green-600);
/* Semantic — superfícies */
--surface-page:var(--ink-050);--surface-card:var(--white);--surface-sunken:var(--ink-100);--surface-inverse:var(--ink-900);--surface-inverse-2:var(--ink-800);--surface-hover:var(--ink-050);--surface-active:var(--ink-100);
/* Semantic — bordas */
--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-inverse:#2B363C;--focus-ring:var(--green-500);
/* Semantic — feedback: primeiro plano legível + tinta de fundo (o par que troca no tema escuro) */
--fg-success:var(--green-600);--fg-warning:var(--amber-600);--fg-warning-strong:var(--amber-700);--fg-danger:var(--red-600);--fg-info:var(--blue-600);
--tint-success:var(--green-100);--tint-warning:var(--amber-100);--tint-danger:var(--red-100);--tint-info:var(--blue-100);
/* Semantic — ações */
--action-primary:var(--green-500);--action-primary-hover:var(--green-600);--action-primary-press:var(--green-700);--action-primary-fg:var(--white);
--action-secondary-fg:var(--ink-800);--action-danger:var(--red-500);--action-danger-hover:var(--red-600);
/* Semantic — status (ciclo de vida do pedido) */
--status-new-fg:var(--blue-600);--status-new-bg:var(--blue-100);
--status-preparing-fg:var(--amber-600);--status-preparing-bg:var(--amber-100);
--status-ready-fg:var(--green-600);--status-ready-bg:var(--green-100);
--status-late-fg:var(--red-600);--status-late-bg:var(--red-100);
--status-done-fg:var(--ink-500);--status-done-bg:var(--ink-100);
/* Semantic — automação (a função Pronto automático) */
--auto-on:var(--green-500);--auto-on-bg:var(--green-100);--auto-off:var(--ink-300);--auto-timer:var(--amber-500);
}

/* ================= Tema escuro =================
   Só os aliases semânticos mudam; a rampa base é a mesma.
   Aplicado com [data-theme="dark"] no <html> (ou em qualquer container). */
[data-theme="dark"]{
--text-body:var(--ink-200);--text-strong:var(--ink-100);--text-muted:var(--ink-300);--text-subtle:var(--ink-400);--text-inverse:var(--ink-900);--text-link:#7FA6FF;--text-accent:var(--green-400);
--surface-page:#0E1519;--surface-card:#182126;--surface-sunken:#121A1E;--surface-inverse:#080C0E;--surface-inverse-2:#101719;--surface-hover:#1F292F;--surface-active:#263339;
--border-subtle:#232E34;--border-default:#2E3A41;--border-strong:#3F4D54;--border-inverse:#20292E;
--action-primary:var(--green-500);--action-primary-hover:var(--green-400);--action-primary-press:var(--green-600);--action-primary-fg:#04120C;
--action-secondary-fg:var(--ink-200);--action-danger:var(--red-500);--action-danger-hover:#F06A6E;
--status-new-fg:#8FB4FF;--status-new-bg:#16233D;
--status-preparing-fg:var(--amber-400);--status-preparing-bg:#2E2210;
--status-ready-fg:var(--green-400);--status-ready-bg:#0C2A21;
--status-late-fg:#F98388;--status-late-bg:#301518;
--status-done-fg:var(--ink-400);--status-done-bg:#1C262C;
--auto-on:var(--green-500);--auto-on-bg:#0C2A21;--auto-off:var(--ink-600);--auto-timer:var(--amber-500);
--fg-success:var(--green-400);--fg-warning:var(--amber-400);--fg-warning-strong:var(--amber-400);--fg-danger:#F98388;--fg-info:#8FB4FF;
--tint-success:#0C2A21;--tint-warning:#2E2210;--tint-danger:#301518;--tint-info:#16233D;
--shadow-1:0 1px 2px rgba(0,0,0,.5);--shadow-2:0 2px 8px rgba(0,0,0,.55);--shadow-3:0 12px 32px rgba(0,0,0,.6);
color-scheme:dark;
}