/* ============================================================
 * Lahmajun · Design Tokens — Color Palette
 * ============================================================
 * Paleta dark-first usada em "The Kebab's · Recebimento" e
 * pensada pra ser reaproveitada nos próximos apps internos.
 *
 * Uso:
 *   <link rel="stylesheet" href="/design-tokens/palette.css" />
 *   body { background: var(--color-bg); color: var(--color-ink); }
 *
 * Em inline-style React, prefira o palette.js (mesmos nomes).
 * ============================================================ */

:root {
  /* ── Neutros (superfícies + texto) ─────────────────────── */
  --color-bg:            #0E0C0A;  /* fundo geral — preto morno */
  --color-surface:       #1A1614;  /* cards, inputs */
  --color-surface-hi:    #241F1B;  /* toast, menus, hover */
  --color-ink:           #F5EFE3;  /* texto principal — creme */
  --color-ink-muted:     #A8A092;  /* texto secundário */
  --color-ink-soft:      #6F665B;  /* texto desabilitado / hint */
  --color-border:        #2A2421;
  --color-border-strong: #3D3530;

  /* ── Brand (laranja Lahmajun) ──────────────────────────── */
  --color-accent:        #F47B20;  /* ação primária, CTA, marca */
  --color-accent-dark:   #D9651A;  /* hover/pressed */
  --color-accent-soft:   #3A2416;  /* fundo de tag/badge */

  /* ── Semânticos ────────────────────────────────────────── */
  --color-success:       #25D366;  /* WhatsApp, "aprovado" */
  --color-success-dark:  #128C7E;
  --color-warning:       #F4B842;  /* amber — atenção, pendente */
  --color-warning-soft:  #3A2D14;
  --color-danger:        #EF6464;  /* erro, excluir */
  --color-danger-soft:   #3A1818;
  --color-info:          #5B9BFF;  /* azul — neutro informativo */
  --color-info-soft:     #162032;

  /* ── Acentos extras ────────────────────────────────────── */
  --color-yellow:        #F4C842;  /* motorista, mercado livre */
  --color-yellow-soft:   #3A2D14;
  --color-violet:        #A78BFA;  /* loja */
  --color-violet-soft:   #251D3A;

  /* ── Aliases por papel (Recebimento) ───────────────────── */
  --role-chefe-fg:       var(--color-accent);
  --role-chefe-bg:       var(--color-accent-soft);
  --role-estoquista-fg:  var(--color-info);
  --role-estoquista-bg:  var(--color-info-soft);
  --role-motorista-fg:   var(--color-yellow);
  --role-motorista-bg:   var(--color-yellow-soft);
  --role-loja-fg:        var(--color-violet);
  --role-loja-bg:        var(--color-violet-soft);

  /* ── Sombras (combinam com o accent) ───────────────────── */
  --shadow-accent-sm:    0 4px 12px rgba(244, 123, 32, 0.35);
  --shadow-accent-md:    0 4px 14px rgba(244, 123, 32, 0.40);
  --shadow-accent-lg:    0 8px 24px rgba(244, 123, 32, 0.45);
  --shadow-success-md:   0 4px 14px rgba(37, 211, 102, 0.40);
}