/* ============================================================
   theme-deep.css — GERADO por scripts de retematização a partir de css/theme.css
   Superfícies profundas fixas (mockups de produto, terminais, bandas navy) que ficam
   escuras nos DOIS temas. Em vez de hex, elas herdam o escopo escuro dos tokens:
   tudo dentro delas (texto, bordas, marca) usa os mesmos valores de :root[data-theme="dark"].
   Fonte da verdade: css/theme.css — não editar valores aqui.
   ============================================================ */
:is(
  .aa-browser__viewport,
  .aa-illust,
  .aa-illust__bar-fill,
  .aa-illust__bar-fill--cyan,
  .aa-illust__bar-fill--violet,
  .aa-illust--mini-dash,
  .aa-illust--mini-explore,
  .ac-jn-frame,
  .ac-jn-frame__viewport,
  .ac-jn,
  .ar-browser-frame,
  .ar-browser-frame__viewport,
  .ar-illust,
  .ar-ma,
  .ar-cta__card,
  .ct-gcal__header,
  .gpi-result-hero,
  .gpi-result-hero__shade,
  .gpi-result-feature,
  .legal-contact,
  body:has(.mc-hero) .nav:not(.is-scrolled),
  .mc-hero__image,
  .mc-hero,
  .mc-alliance__item--workfacilit,
  .mc-pillar--featured,
  .mt-cta__card,
  .mega__featured,
  .ob-cta__card,
  .hero__illus-card,
  .ra-table thead th,
  .ra-actor,
  .wfg__viewport,
  .wfc-arch-shot,
  .wfc-compare__recommended,
  .wfc-diagram__screen,
  .wfc-diagram__laptop-screen,
  .ws-cta__card,
  .aw-browser-frame,
  .aw-bpmn-frame,
  .aw-bpmn-frame__viewport,
  .aw-bpmn-app,
  .f-select option,
  .wiz-nav__next,
  .app-nav,
  .ideas-filter option,
  .edt-select option,
  .help-select option,
  .hm-stage,
  .hm-ai,
  .hm-cta,
  .hm-node--ceci,
  .hm-tt,
  .wfarch__security,
  .wfarch__governance
) {
  color-scheme: dark;

  --wf-primary: #6AA0FF;            /* navy clareia p/ legibilidade sobre fundo escuro */
  --wf-primary-dark: #4E86E8;
  --wf-primary-darker: #0B1B2E;
  --wf-primary-light: #17293F;
  --wf-primary-lighter: var(--wf-primary-light);  /* LACUNA DS: sem valor no escuro */
  --wf-primary-subtle: #15202E;
  --wf-gradient-primary: linear-gradient(135deg, #0B1B2E 0%, #15202E 100%);

  --wf-text-primary: #EAF0F7;
  --wf-text-secondary: #C4CEDA;
  --wf-text-tertiary: #94A2B2;
  --wf-text-muted: #6C7B8C;

  --wf-bg-page: #0E1520;
  --wf-bg-surface: #151E2B;
  --wf-bg-subtle: #1A2432;
  --wf-border: #27313F;
  --wf-border-strong: #35414F;
  --wf-border-light: #212B38;

  --wf-success-strong: #7FE0A6;
  --wf-danger-strong: #FF8E8E;
  --wf-warning-strong: #FFB874;
  --wf-info-strong: #6FD8CE;
  /* LACUNA DS: *-light não tem valor no escuro (o claro ofuscaria). Derivados dos próprios tokens: */
  --wf-success-light: color-mix(in srgb, var(--wf-success) 16%, var(--wf-bg-surface));
  --wf-danger-light: color-mix(in srgb, var(--wf-danger) 16%, var(--wf-bg-surface));
  --wf-warning-light: color-mix(in srgb, var(--wf-warning) 16%, var(--wf-bg-surface));
  --wf-info-light: color-mix(in srgb, var(--wf-info) 16%, var(--wf-bg-surface));

  --wf-ai-ceci-soft: #221C3A;
  --wf-ai-ceci-text: color-mix(in srgb, var(--wf-ai-ceci) 55%, var(--wf-text-primary));
  --wf-chart-1: #7C89FF;

  /* re-declarados aqui para resolverem com os valores ESCUROS também dentro de css/theme-deep.css */
  --wf-gradient-accent: linear-gradient(135deg, var(--wf-primary) 0%, var(--wf-primary-dark) 100%);
  --wf-gradient-text: linear-gradient(135deg, var(--wf-primary) 0%, var(--wf-primary-dark) 100%);
  --wf-glow: radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--wf-primary) 8%, transparent), transparent 40%);
  --wf-on-primary: var(--wf-bg-page);         /* sobre #6AA0FF o texto escuro tem 6.9:1 */
  --wf-on-deep: var(--wf-text-primary);
  --wf-warning-text: var(--wf-warning-strong);
  --wf-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A2B2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  --wf-fx-k: 1;
  /* variáveis locais das páginas (definidas em :root) re-resolvidas com os tokens escuros */
  --aa-gold: var(--wf-primary);
  --aa-gold-dim: color-mix(in srgb, var(--wf-primary) 12%, transparent);
  --aa-gold-mid: color-mix(in srgb, var(--wf-primary) 25%, transparent);
  --aa-amber: var(--wf-primary);
  --aa-violet: var(--wf-primary);
  --aa-violet-dim: color-mix(in srgb, var(--wf-primary) 10%, transparent);
  --ab-cyan: var(--wf-primary);
  --ab-cyan-light: var(--wf-primary);
  --ab-indigo: var(--wf-primary);
  --ab-indigo-light: var(--wf-primary);
  --ab-violet: var(--wf-primary);
  --ar-amber: var(--wf-primary);
  --ar-amber-light: var(--wf-primary);
  --ar-indigo: var(--wf-primary);
  --ar-indigo-light: var(--wf-primary);
  --ar-cyan: var(--wf-primary);
  --mt-indigo: var(--wf-primary);
  --mt-indigo-light: var(--wf-primary);
  --mt-cyan: var(--wf-primary);
  --mt-cyan-light: var(--wf-primary);
  --mt-emerald: var(--wf-primary);
  --mt-emerald-light: var(--wf-primary);
  --mt-amber: var(--wf-primary);
  --mt-amber-light: var(--wf-primary);
  --ob-cyan: var(--wf-primary);
  --ob-cyan-light: var(--wf-primary);
  --ob-indigo: var(--wf-primary);
  --ob-indigo-light: var(--wf-primary);
  --ob-emerald: var(--wf-primary);
  --ob-emerald-light: var(--wf-primary);
  --pr-green: var(--wf-success);
  --pr-green-dim: color-mix(in srgb, var(--wf-success) 12%, transparent);
  --pr-green-mid: color-mix(in srgb, var(--wf-success) 25%, transparent);
  --pr-teal: var(--wf-primary);
  --pr-emerald: var(--wf-primary);
  --vg-accent: var(--wf-primary);
  --vg-accent-light: var(--wf-primary);
  --vg-accent-dim: color-mix(in srgb, var(--wf-primary) 12%, transparent);
  --vg-accent-glow: color-mix(in srgb, var(--wf-primary) 28%, transparent);
  --wfc-accent: var(--wf-primary);
  --wfc-accent-light: var(--wf-primary);
  --wfc-accent-dim: color-mix(in srgb, var(--wf-primary) 12%, transparent);
  --wfc-accent-glow: color-mix(in srgb, var(--wf-primary) 25%, transparent);
  --wfc-surface: var(--wf-bg-subtle);
  --wfc-surface-2: var(--wf-bg-subtle);
  --wfc-border: var(--wf-border);
  --wfc-border-2: var(--wf-border);
  --ws-emerald: var(--wf-primary);
  --ws-emerald-light: var(--wf-primary);
  --ws-indigo: var(--wf-primary);
  --ws-indigo-light: var(--wf-primary);
  --ws-amber: var(--wf-primary);
  --ws-amber-light: var(--wf-primary);
  --aw-accent: var(--wf-primary);
  --aw-accent-light: var(--wf-primary);
  --aw-accent-dim: color-mix(in srgb, var(--wf-primary) 12%, transparent);
  --aw-accent-glow: color-mix(in srgb, var(--wf-primary) 25%, transparent);
  --aw-ceci-accent: var(--wf-ai-ceci-text);
  --aw-ceci-accent-dim: color-mix(in srgb, var(--wf-ai-ceci) 12%, transparent);
  --aw-pain-accent: var(--wf-danger);
  --aw-pain-dim: color-mix(in srgb, var(--wf-danger) 8%, transparent);
  --aw-surface: var(--wf-bg-subtle);
  --aw-surface-2: var(--wf-bg-subtle);
  --aw-border: var(--wf-border);
  --aw-border-2: var(--wf-border);
}