/* RatoBot Color System — tokens.css
   GERADO por tools/tokens-sync.js a partir do <style id="rb-tokens"> do painel.html.
   Nao edite este arquivo a mao: mexa no painel.html e rode `node tools/tokens-sync.js --write`. */
:root {
  color-scheme: dark;

  /* Brand · Laranja Rato */
  --color-primary-50: #FFF8E8;
  --color-primary-100: #FFEFCB;
  --color-primary-200: #FFE3A3;
  --color-primary-300: #FFC766;
  --color-primary-400: #FFBE52;
  --color-primary-500: #FFB238;
  --color-primary-600: #FFA30F;
  --color-primary-700: #E68A00;
  --color-primary-800: #A35F00;
  --color-primary-900: #6E4000;
  --color-primary-950: #3D2300;
  --color-primary: var(--color-primary-500);
  --color-primary-hover: var(--color-primary-400);
  --color-primary-active: var(--color-primary-600);
  --color-primary-light: var(--color-primary-300);
  --color-primary-dark: var(--color-primary-800);
  --color-primary-soft: rgba(255, 178, 56, 0.12);
  --color-primary-subtle: rgba(255, 178, 56, 0.06);
  --color-primary-border: rgba(255, 178, 56, 0.32);
  --color-on-primary: #171717;
  --ring-primary: rgba(255, 178, 56, 0.35);
  --gradient-brand: linear-gradient(180deg, #FFC766 0%, #FFB238 52%, #FFA30F 100%);

  /* Backgrounds · Escada de elevação
     Base NEUTRA, canvas PRETO DE VERDADE. A escada não tem matiz nenhuma: quem dá cor à tela é o
     laranja, e só ele. Em tela OLED o canvas #000000 deixa o pixel DESLIGADO, o cartão recorta
     com força e o celular gasta menos bateria. */
  --color-bg-canvas: #000000;
  --color-bg-subtle: #0A0A0B;
  --color-bg-surface: #111113;
  --color-bg-surface-2: #18181B;
  --color-bg-surface-3: #212125;
  --color-bg-surface-4: #27272B;
  --color-bg-sidebar: var(--color-bg-subtle);
  --color-bg-header: var(--color-bg-canvas);
  --color-bg-header-blur: rgba(var(--rb-cv-rgb), 0.82);
  --color-bg-card: var(--color-bg-surface);
  --color-bg-card-elevated: var(--color-bg-surface-2);
  --color-bg-card-hover: var(--color-bg-surface-2);
  --color-bg-modal: var(--color-bg-surface-2);
  --color-bg-dropdown: var(--color-bg-surface-3);
  --color-bg-input: var(--color-bg-surface-2);
  --color-bg-input-focus: #1E1E21;
  --color-bg-highlight: rgba(255, 178, 56, 0.06);
  --color-bg-container: var(--color-bg-surface);
  --color-bg-well: var(--color-bg-subtle);
  --color-bg-table: var(--color-bg-surface);
  --color-bg-table-header: var(--color-bg-surface-2);
  --color-bg-table-row: transparent;
  --color-bg-table-row-hover: rgba(var(--rb-w-rgb), 0.03);
  --color-bg-table-row-selected: rgba(255, 178, 56, 0.08);
  --color-bg-table-zebra: rgba(var(--rb-w-rgb), 0.02);

  /* Textos · Escala de tinta (neutra, como o fundo)
     O TOPO da escala não é branco puro de propósito: #FFFFFF sobre #000000 dá 21:1, o máximo que
     existe, e nessa faixa o texto grande "vibra" na borda das letras em tela OLED (halação).
     O título em #F4F4F5 dá 19,1:1 — lado a lado ninguém distingue, e cansa menos em leitura longa.
     O corpo desceu junto (#E4E4E7, 16,6:1) para os dois degraus não colarem num só.
     muted é o PISO de qualquer texto que informa: #8A8A93 dá 5,5:1 sobre o cartão e 6,1:1 sobre o
     canvas. O cinza-500 puro (#71717A) daria 3,9:1 e não passa, por isso muted é um passo acima. */
  --color-text-heading: #F4F4F5;
  --color-text-primary: #E4E4E7;
  --color-text-secondary: #C9C9CE;
  --color-text-tertiary: #A1A1AA;
  --color-text-muted: #8A8A93;
  --color-text-disabled: #52525B;
  --color-text-placeholder: var(--color-text-muted);
  --color-text-label: var(--color-text-muted);
  --color-text-subtitle: var(--color-text-tertiary);
  --color-text-brand: #FFB238;
  --color-text-link: var(--color-primary);
  --color-text-link-hover: var(--color-primary-light);
  --color-text-on-primary: var(--color-on-primary);
  --color-text-on-dark: var(--color-text-primary);
  --color-text-on-light: #191610;
  --color-text-on-light-secondary: #5C5750;
  --color-text-inverse: var(--color-text-on-light);

  /* Bordas e divisores */
  --color-border-subtle: rgba(var(--rb-w-rgb), 0.06);
  --color-border: rgba(var(--rb-w-rgb), 0.1);
  --color-border-strong: rgba(var(--rb-w-rgb), 0.16);
  --color-border-hover: var(--color-border-strong);
  --color-border-focus: var(--color-primary);
  --color-divider: var(--color-border-subtle);
  --color-border-input: var(--color-border);
  --color-border-card: var(--color-border);
  --color-border-modal: var(--color-border-strong);
  --color-border-dropdown: var(--color-border-strong);
  --color-border-table: var(--color-border-subtle);
  --color-border-error: var(--color-error);
  --color-border-success: var(--color-success);

  /* Success · Verde */
  --color-success: #2EB873;
  --color-success-hover: #37CD82;
  --color-success-active: #26A163;
  --color-success-text: #5AD899;
  --color-success-bg: rgba(46, 184, 115, 0.12);
  --color-success-border: rgba(46, 184, 115, 0.32);
  --color-on-success: #0B1A10;

  /* Warning · Amarelo */
  --color-warning: #EEC935;
  --color-warning-hover: #F3D459;
  --color-warning-active: #D9B221;
  --color-warning-text: #F3D459;
  --color-warning-bg: rgba(238, 201, 53, 0.12);
  --color-warning-border: rgba(238, 201, 53, 0.32);
  --color-on-warning: #1A1504;

  /* Error · Vermelho */
  --color-error: #E84A3F;
  --color-error-hover: #ED635A;
  --color-error-active: #D0382D;
  --color-error-text: #F37168;
  --color-error-bg: rgba(232, 74, 63, 0.12);
  --color-error-border: rgba(232, 74, 63, 0.32);
  --color-on-error: #FFFFFF;

  /* Info · Azul */
  --color-info: #3487F4;
  --color-info-hover: #549BF8;
  --color-info-active: #1F6FE0;
  --color-info-text: #6AA9FB;
  --color-info-bg: rgba(52, 135, 244, 0.12);
  --color-info-border: rgba(52, 135, 244, 0.32);
  --color-on-info: #FFFFFF;

  /* Pending · Aguardando (alias de Info) */
  --color-pending: var(--color-info);
  --color-pending-text: var(--color-info-text);
  --color-pending-bg: var(--color-info-bg);
  --color-pending-border: var(--color-info-border);

  /* Botões · Tokens de componente */
  --btn-primary-bg: var(--color-primary-500);
  --btn-primary-fg: var(--color-on-primary);
  --btn-primary-hover-bg: var(--color-primary-400);
  --btn-primary-active-bg: var(--color-primary-600);
  --btn-primary-focus-ring: var(--ring-primary);
  --btn-disabled-bg: var(--color-bg-surface-3);
  --btn-disabled-fg: var(--color-text-disabled);
  --btn-secondary-bg: var(--color-bg-surface-2);
  --btn-secondary-fg: var(--color-text-primary);
  --btn-secondary-border: var(--color-border);
  --btn-secondary-hover-bg: var(--color-bg-surface-3);
  --btn-secondary-active-bg: var(--color-bg-surface);
  --btn-ghost-fg: var(--color-text-secondary);
  --btn-ghost-hover-bg: rgba(var(--rb-w-rgb), 0.05);
  --btn-ghost-active-bg: rgba(var(--rb-w-rgb), 0.08);
  --btn-destructive-bg: #D0382D;
  --btn-destructive-fg: #FFFFFF;
  --btn-destructive-hover-bg: #E84A3F;
  --btn-destructive-active-bg: #B32A20;
  --btn-destructive-ghost-fg: var(--color-error-text);
  --btn-destructive-ghost-hover-bg: rgba(232, 74, 63, 0.1);
  --btn-success-bg: #2EB873;
  --btn-success-fg: #0B1A10;
  --btn-success-hover-bg: #37CD82;
  --btn-success-active-bg: #26A163;

  /* Sidebar · Tokens de componente */
  --sidebar-bg: var(--color-bg-subtle);
  --sidebar-border: var(--color-border-subtle);
  --sidebar-section-label: var(--color-text-muted);
  --sidebar-item-fg: var(--color-text-tertiary);
  --sidebar-item-icon: var(--color-text-muted);
  --sidebar-item-hover-bg: rgba(var(--rb-w-rgb), 0.04);
  --sidebar-item-hover-fg: var(--color-text-primary);
  --sidebar-item-active-bg: rgba(var(--rb-a-rgb), 0.1);
  --sidebar-item-active-fg: var(--color-text-brand);
  --sidebar-item-active-icon: var(--color-text-brand);
  --sidebar-indicator: var(--color-primary-500);
  --sidebar-badge-bg: var(--color-primary-500);
  --sidebar-badge-alert-bg: var(--color-error);
  --sidebar-profile-bg: var(--color-bg-surface);
  --sidebar-profile-name: var(--color-text-primary);
  --sidebar-profile-handle: var(--color-text-muted);
  --sidebar-logout-fg: var(--color-error-text);
  --sidebar-footer-fg: var(--color-text-muted);
  --sidebar-sub-fg: var(--color-text-muted);
  --sidebar-sub-active-fg: var(--color-text-primary);

  /* Gráficos */
  --chart-hero: var(--color-primary-500);
  --chart-hero-fill: linear-gradient(180deg, rgba(var(--rb-a-rgb), 0.28) 0%, rgba(var(--rb-a-rgb), 0) 100%);
  --chart-1: #C77E0E;
  --chart-2: #3B7FE3;
  --chart-3: #1C9F85;
  --chart-4: #8670EE;
  --chart-5: #D9538A;
  --chart-6: #B08F45;
  --chart-reference: #6E6860;
  --chart-grid: rgba(var(--rb-w-rgb), 0.06);
  --chart-axis: rgba(var(--rb-w-rgb), 0.14);
  --chart-label: var(--color-text-muted);
  --chart-tooltip-bg: var(--color-bg-surface-3);
  --chart-tooltip-fg: var(--color-text-primary);
  --chart-positive: var(--color-success-text);
  --chart-negative: var(--color-error-text);
  --chart-crosshair: rgba(var(--rb-w-rgb), 0.18);

  /* Sombras e overlays */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(var(--rb-w-rgb), 0.06);
  --shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, 0.60), 0 0 0 1px rgba(var(--rb-w-rgb), 0.12);
  --shadow-modal: 0 32px 80px -16px rgba(0, 0, 0, 0.70), 0 0 0 1px rgba(var(--rb-w-rgb), 0.14);
  --shadow-primary: 0 8px 24px -8px rgba(var(--rb-a-rgb), 0.45);
  --overlay-modal: rgba(var(--rb-cv-rgb), 0.72);
  --overlay-hover: rgba(var(--rb-w-rgb), 0.05);
  --overlay-active: rgba(var(--rb-a-rgb), 0.1);
  --overlay-skeleton: rgba(var(--rb-w-rgb), 0.06);

  /* Outros componentes */
  --badge-neutral-bg: rgba(var(--rb-w-rgb), 0.06);
  --badge-neutral-border: rgba(var(--rb-w-rgb), 0.1);
  --badge-neutral-fg: var(--color-text-tertiary);
  --badge-brand-bg: var(--color-primary-soft);
  --badge-brand-fg: var(--color-text-brand);
  --switch-off-bg: var(--color-bg-surface-4);
  --switch-on-bg: var(--color-primary-500);
  --switch-knob: var(--color-text-primary);
  --checkbox-bg: var(--color-bg-surface-2);
  --checkbox-checked-bg: var(--color-primary-500);
  --progress-track: rgba(var(--rb-w-rgb), 0.08);
  --progress-fill: var(--color-primary-500);
  --slider-thumb: var(--color-text-primary);
  --avatar-bg: var(--color-bg-surface-4);
  --tooltip-bg: var(--color-bg-surface-3);
  --toast-bg: var(--color-bg-surface-3);
  --skeleton-base: rgba(var(--rb-w-rgb), 0.06);
  --skeleton-highlight: rgba(var(--rb-w-rgb), 0.1);
  --calendar-selected-bg: var(--color-primary-500);
  --upload-border: rgba(var(--rb-w-rgb), 0.16);
  --empty-state-icon: var(--color-text-disabled);
  --kbd-bg: var(--color-bg-surface-2);

  /* Contexto claro (e-mails, landing, tema claro) */
  --color-light-bg: #FAF8F4;
  --color-light-surface: #FFFFFF;
  --color-light-border: rgba(25, 22, 16, 0.10);
  --color-light-text: #191610;
  --color-light-text-secondary: #5C5750;
  --color-light-primary: #A35F00;

  /* Canais RGB — existem para que as centenas de rgba() do painel mudem de tema junto com os
     sólidos, mantendo cada transparência que o layout já tinha. w = véu/borda, tx = tinta de
     apoio, tx2 = tinta cheia, cv = canvas, a = acento (escrito pelo rbAccent). */
  --rb-w-rgb: 228, 228, 231;
  --rb-tx-rgb: 201, 201, 206;
  --rb-tx2-rgb: 228, 228, 231;
  --rb-cv-rgb: 0, 0, 0;
  --rb-ok-rgb: 46, 184, 115;
  --rb-wn-rgb: 238, 201, 53;
  --rb-er-rgb: 232, 74, 63;
  --rb-in-rgb: 52, 135, 244;
  --rb-a-rgb: 255, 178, 56;
}

  /* ===== Identidade Ouro (02/10/2026): o preto da NexusPag, o dourado #E3B341 e a Plus Jakarta Sans =====
     Os dois motores aqui embaixo continuam mandando: o de tema pinta o fundo e a tinta, o de acento a familia primary.
     Este bloco traz o que eles nao tocam: as fontes, os degraus de fora da marca, as bordas, os estados e os graficos. */
  @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/fonts/plus-jakarta-sans-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url(/fonts/jetbrains-mono-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url(/fonts/jetbrains-mono-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  :root {
    --rb-fh: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --rb-fb: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --rb-fm: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
    /* fundo e tinta do tema Preto (no painel o motor de tema escreve estes mesmos valores; o login e o /chefe
       leem daqui pelo /tokens.css, que nao tem motor) */
    --color-bg-canvas: #050505; --color-bg-subtle: #0A0A0A; --color-bg-surface: #0A0A0A; --color-bg-surface-2: #0F0F0F;
    --color-bg-surface-3: #141414; --color-bg-surface-4: #1A1A1A; --color-bg-modal: var(--color-bg-surface); --color-bg-dropdown: var(--color-bg-surface-4);
    --color-text-heading: #F5F5F5; --color-text-primary: #EDEDED; --color-text-secondary: #CECECE; --color-text-tertiary: #9E9E9E;
    --color-text-muted: #858585; --color-text-disabled: #565656;
    --rb-w-rgb: 237, 237, 237; --rb-tx2-rgb: 237, 237, 237; --rb-tx-rgb: 206, 206, 206; --rb-cv-rgb: 5, 5, 5; --rb-canvas: #050505;
    /* a marca: o motor de acento troca 300/400/500/600, os tints e a tinta; estes sao os do dourado padrao */
    --rb-a-rgb: 227, 179, 65; --color-text-brand: #E9BE5A; --color-on-primary: #0A0A0A;
    --color-primary-soft: rgba(227, 179, 65, 0.12); --color-primary-subtle: rgba(227, 179, 65, 0.06);
    --color-primary-border: rgba(227, 179, 65, 0.32); --ring-primary: rgba(227, 179, 65, 0.35);
    --color-primary-50: #FCF6E6; --color-primary-100: #F8EAC4; --color-primary-200: #F3DA95; --color-primary-300: #EEC566;
    --color-primary-400: #E9BC52; --color-primary-500: #E3B341; --color-primary-600: #C99A2B; --color-primary-700: #A67E1F;
    --color-primary-800: #7A5C16; --color-primary-900: #4F3C0E; --color-primary-950: #2B2108;
    --gradient-brand: linear-gradient(180deg, #EEC566 0%, #E3B341 52%, #C99A2B 100%);
    /* a pilula do periodo/filtro escolhido: 10% de branco sobre a caixa #0F0F0F = o #252525 do /chefe */
    --color-bg-pill: rgba(var(--rb-w-rgb), 0.10);
    --color-bg-input-focus: #121212;
    --btn-secondary-bg: var(--color-bg-surface-3); --btn-secondary-hover-bg: var(--color-bg-surface-4);
    --sidebar-item-hover-bg: var(--color-bg-surface-3); --sidebar-item-active-bg: var(--color-bg-surface-3);
    --color-bg-highlight: rgba(var(--rb-a-rgb), 0.06);
    --color-bg-table-row-selected: rgba(var(--rb-a-rgb), 0.08);
    --color-border-subtle: rgba(var(--rb-w-rgb), 0.05);
    --color-border: rgba(var(--rb-w-rgb), 0.075);
    --color-border-strong: rgba(var(--rb-w-rgb), 0.14);
    --color-border-card: var(--color-border);
    --color-success: #22C55E; --color-success-hover: #34D06C; --color-success-active: #1EA34F; --color-success-text: #4ADE80;
    --color-success-bg: rgba(34, 197, 94, 0.10); --color-success-border: rgba(34, 197, 94, 0.28); --color-on-success: #052E14;
    --color-warning: #F97316; --color-warning-hover: #FB8A3C; --color-warning-active: #E0630C; --color-warning-text: #FB923C;
    --color-warning-bg: rgba(249, 115, 22, 0.10); --color-warning-border: rgba(249, 115, 22, 0.30); --color-on-warning: #1F0D02;
    --color-error: #EF4444; --color-error-hover: #F25F5F; --color-error-active: #DC2626; --color-error-text: #F87171;
    --color-error-bg: rgba(239, 68, 68, 0.10); --color-error-border: rgba(239, 68, 68, 0.30);
    --color-info: #38BDF8; --color-info-hover: #5CCBFA; --color-info-active: #0EA5E9; --color-info-text: #7DD3FC;
    --color-info-bg: rgba(56, 189, 248, 0.10); --color-info-border: rgba(56, 189, 248, 0.28); --color-on-info: #03202E;
    --rb-ok-rgb: 34, 197, 94; --rb-wn-rgb: 249, 115, 22; --rb-er-rgb: 239, 68, 68; --rb-in-rgb: 56, 189, 248;
    --btn-destructive-bg: #DC2626; --btn-destructive-hover-bg: #EF4444; --btn-destructive-active-bg: #B91C1C;
    --btn-destructive-ghost-hover-bg: rgba(239, 68, 68, 0.10);
    --btn-success-bg: #22C55E; --btn-success-fg: #052E14; --btn-success-hover-bg: #34D06C; --btn-success-active-bg: #1EA34F;
    --rb-medal-2: #C9D2DF; --rb-medal-3: #C98D5A;
    /* metal dos marcos (Metas de Faturamento no Dashboard): prata, aco, ouro e onix com ouro. -hi = brilho, -lo = sombra */
    --rb-tier-1: #C9D2DF; --rb-tier-1-hi: #F2F5FA; --rb-tier-1-lo: #6D7684; --rb-tier-1-rgb: 201, 210, 223;
    --rb-tier-2: #8E97A6; --rb-tier-2-hi: #E8ECF2; --rb-tier-2-lo: #3A414E; --rb-tier-2-rgb: 142, 151, 166;
    --rb-tier-3: #DDBE72; --rb-tier-3-hi: #F9E4A8; --rb-tier-3-lo: #6B5015; --rb-tier-3-rgb: 221, 190, 114;
    --rb-tier-4: #C9A34E; --rb-tier-4-hi: #FBF3DC; --rb-tier-4-lo: #3D2D0A; --rb-tier-4-rgb: 201, 163, 78;
    --chart-1: #E3B341; --chart-2: #2DD4BF; --chart-3: #A78BFA; --chart-4: #38BDF8; --chart-5: #F472B6; --chart-6: #A3A3A3; --chart-reference: #525252;
  }

  /* ===== TEMA CLARO (04/10/2026, identidade/painel-doca.js): o que o motor de tema nao escreve =====
     O motor troca os seis fundos, a escala de tinta e os canais rgb (--rb-w-rgb vira a tinta escura, entao toda borda e
     todo veu "rgba(var(--rb-w-rgb), x)" do painel ja se ajeitam sozinhos). Aqui fica o resto.
     --rb-sh e --rb-sht MULTIPLICAM a forca de toda sombra escrita com preto (caixa e letra): 1 no escuro; no claro a
     sombra de caixa cai para 1/5 e a de letra some (sombra preta forte em fundo branco vira mancha).
     --rb-sobre-escuro e a tinta do que fica por cima de foto/video escurecido (nao muda com o tema). */
  :root { --rb-sh: 1; --rb-sht: 1; --rb-sobre-escuro: #F5F5F5; }
  html.rbClaro {
    color-scheme: light;
    --rb-sh: 0.2; --rb-sht: 0;
    /* estes dois levam !important porque o motor de ACENTO escreve os valores direto no <html> */
    --color-text-brand: color-mix(in srgb, var(--color-primary-500) 60%, #000) !important;   /* dourado claro em fundo branco nao se le */
    --rb-ic: color-mix(in srgb, var(--color-primary-500) 76%, #000) !important;
    --color-success-text: #15803D; --color-warning-text: #C2410C; --color-error-text: #B91C1C; --color-info-text: #0369A1;
    --color-border-subtle: rgba(var(--rb-w-rgb), 0.07); --color-border: rgba(var(--rb-w-rgb), 0.11); --color-border-strong: rgba(var(--rb-w-rgb), 0.19);
    --color-bg-input-focus: #FFFFFF; --color-bg-pill: #FFFFFF;
    --overlay-modal: rgba(14, 14, 18, 0.46);
    --shadow-sm: 0 1px 2px rgba(16, 16, 24, 0.07);
    --shadow-card: 0 1px 2px rgba(16, 16, 24, 0.05), 0 0 0 1px rgba(var(--rb-w-rgb), 0.07);
    --shadow-dropdown: 0 14px 34px -10px rgba(16, 16, 24, 0.20), 0 0 0 1px rgba(var(--rb-w-rgb), 0.08);
    --shadow-modal: 0 32px 80px -18px rgba(16, 16, 24, 0.30), 0 0 0 1px rgba(var(--rb-w-rgb), 0.10);
  }
  html.rbClaro .rbMark { background: var(--color-primary-600); }   /* o rato da marca continua dourado de verdade */
  html.rbClaro .dkSair, html.rbClaro .dkSair:hover { color: var(--color-error-active); }   /* o sair continua vermelho vivo */