/* Painel de Pedidos — tokens (direção A)
   Tema: data-tema="claro|escuro"  ·  Empresa: data-empresa="WAS|WEL"
   Aplique os dois atributos no elemento raiz (no app: <html>). */

:root,
[data-tema="claro"] {
  /* base */
  --bg: #F3F4F6;
  --surf: #FFFFFF;
  --surf-2: #F4F3EF;
  --ink: #16171A;
  --ink-2: #555A62;
  --line: #E2E0DA;
  --skel: #ECEAE5;
  --scrim: rgba(10, 12, 16, 0.45);
  --focus: #12959D;

  /* status */
  --warn-bg: #FFF0D1; --warn: #8A4A00; --warn-line: #F2C66D;
  --bad-bg:  #FCE3DF; --bad:  #A1261B; --bad-line: #E7A398;
  --ok-bg:   #E2F1E6; --ok:   #1D6A38;
  --info-bg: #E8EAF2; --info: #3B4766;
  --mute-bg: #EFEEEA; --mute: #5F636B;

  /* tipografia */
  --f-sans: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --t-xs: 12px; --t-sm: 13px; --t-md: 15px; --t-lg: 17px;
  --t-xl: 20px; --t-2xl: 26px; --t-3xl: 38px; --t-4xl: 44px;

  /* espaço e forma */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px;
  --hit: 44px;
}

[data-tema="escuro"] {
  --bg: #0F1115;
  --surf: #1A1D23;
  --surf-2: #23272E;
  --ink: #ECEBE7;
  --ink-2: #A9ADB4;
  --line: #2E323A;
  --skel: #2A2E35;
  --scrim: rgba(0, 0, 0, 0.6);
  --focus: #5CC9CF;

  --warn-bg: #3A2A0C; --warn: #F2C66D; --warn-line: #6B5014;
  --bad-bg:  #3B1A17; --bad:  #F4A397; --bad-line: #6E2E27;
  --ok-bg:   #14301E; --ok:   #8FD6A6;
  --info-bg: #22283A; --info: #B6C0DD;
  --mute-bg: #24272D; --mute: #A9ADB4;
}

/* Empresa: acento aplicado ao tema inteiro */
[data-empresa="WAS"] {
  --acc: #173363; --on-acc: #FFFFFF; --acc-soft: #E4EAF5; --acc-ink: #173363;
  --bg: #F1F3F7; --brand-2: #12959D;
}
[data-tema="escuro"][data-empresa="WAS"] {
  --acc: #8DB0EC; --on-acc: #0B1730; --acc-soft: #1C2A44; --acc-ink: #A9C3F0;
  --bg: #0F1219;
}
[data-empresa="WEL"] {
  /* Verde-petróleo do logo Tintas & Tons (#12959D); tom mais escuro no botão para contraste AA (5:1). */
  --acc: #0E7C83; --on-acc: #FFFFFF; --acc-soft: #E3F2F2; --acc-ink: #0E6E74;
  --bg: #F0F5F5; --brand-2: #12959D;
}
[data-tema="escuro"][data-empresa="WEL"] {
  --acc: #5CC6CC; --on-acc: #062A2C; --acc-soft: #12302F; --acc-ink: #7FD6DB;
  --bg: #0E1414;
}