/* ============================================================
   PoC 3 — Inventário — camada de tokens semânticos
   Deriva-se 100% da paleta Vivo (tokens/colors.css). Nenhuma cor
   nova é inventada: o modo escuro ajusta luminosidade via oklch
   relative color syntax, preservando matiz e marca.
   ============================================================ */
:root, [data-poc-theme="light"]{
  --pc-bg: var(--cinza-card);
  --pc-surface: var(--branco);
  --pc-surface-2: var(--cinza-hover);
  --pc-surface-sunken: #f2f2f4;
  --pc-rail-bg: var(--vivo-purpura-apoio);
  --pc-rail-active: rgba(255,255,255,.16);
  --pc-rail-fg: rgba(255,255,255,.92);
  --pc-rail-fg-muted: rgba(255,255,255,.58);
  --pc-text: var(--preto);
  --pc-text-body: #222222;
  --pc-text-muted: var(--cinza-texto);
  --pc-text-faint: #9a9a9a;
  --pc-border: var(--cinza-icone);
  --pc-border-strong: var(--cinza-linha);
  --pc-brand: var(--vivo-purpura);
  --pc-brand-strong: var(--vivo-purpura-apoio);
  --pc-rosa: var(--vivo-rosa);
  --pc-laranja: var(--vivo-laranja);
  --pc-verde: var(--vivo-verde);
  --pc-azul: var(--vivo-azul);
  --pc-success: var(--vivo-verde-apoio);
  --pc-error: var(--vivo-rosa-apoio);
  --pc-warning: var(--vivo-laranja-apoio);
  --pc-info: var(--vivo-azul-apoio);
  --pc-success-bg: rgba(50,160,75,.10);
  --pc-error-bg: rgba(205,30,90,.10);
  --pc-warning-bg: rgba(250,100,35,.12);
  --pc-info-bg: rgba(0,85,160,.10);
  --pc-shadow-sm: var(--sh-sm);
  --pc-shadow-md: var(--sh-md);
  --pc-shadow-lg: var(--sh-lg);
  --pc-track: #e7e4ea;
  --pc-scrim: rgba(20,10,24,.42);
  --pc-accent: #e6007e;
  --pc-accent-strong: #b8005f;
  --pc-accent-soft: rgba(230,0,126,.10);
}

[data-poc-theme="dark"]{
  --pc-bg: #150e19;
  --pc-surface: #1d1422;
  --pc-surface-2: #271b2d;
  --pc-surface-sunken: #110b14;
  --pc-rail-bg: #0f0a12;
  --pc-rail-active: rgba(255,255,255,.10);
  --pc-rail-fg: rgba(255,255,255,.92);
  --pc-rail-fg-muted: rgba(255,255,255,.5);
  --pc-text: #f3eef6;
  --pc-text-body: #e6dfec;
  --pc-text-muted: #ab9bb5;
  --pc-text-faint: #786885;
  --pc-border: #372a40;
  --pc-border-strong: #473752;
  --pc-brand: oklch(from var(--vivo-purpura) 0.66 c h);
  --pc-brand-strong: oklch(from var(--vivo-purpura) 0.76 c h);
  --pc-rosa: oklch(from var(--vivo-rosa) 0.72 c h);
  --pc-laranja: oklch(from var(--vivo-laranja) 0.78 c h);
  --pc-verde: oklch(from var(--vivo-verde) 0.78 c h);
  --pc-azul: oklch(from var(--vivo-azul) 0.68 c h);
  --pc-success: oklch(from var(--vivo-verde-apoio) 0.72 c h);
  --pc-error: oklch(from var(--vivo-rosa-apoio) 0.72 c h);
  --pc-warning: oklch(from var(--vivo-laranja-apoio) 0.74 c h);
  --pc-info: oklch(from var(--vivo-azul-apoio) 0.72 c h);
  --pc-success-bg: rgba(76,194,107,.16);
  --pc-error-bg: rgba(255,92,138,.16);
  --pc-warning-bg: rgba(255,143,87,.16);
  --pc-info-bg: rgba(77,159,224,.16);
  --pc-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --pc-shadow-md: 0 4px 14px rgba(0,0,0,.45);
  --pc-shadow-lg: 0 12px 32px rgba(0,0,0,.5);
  --pc-track: #2c2033;
  --pc-scrim: rgba(0,0,0,.6);
  --pc-accent: #e6007e;
  --pc-accent-strong: #ff5cae;
  --pc-accent-soft: rgba(230,0,126,.20);
}

:root{
  --pc-grad-accent: linear-gradient(135deg,#e6007e 0%,#660099 55%,#0055a0 100%);
}