/* =============================================================================
   plataforma/css/tema-iatur.css — Tema IATUR (proposta de 06/11/2026)

   Carregado DEPOIS de agx.css, aluno.css e admin.css. Só vale quando o <html>
   tem data-tema="iatur" (interruptor em index.html): sem o atributo, a
   plataforma continua exatamente no DS v2 claro.

   O que este arquivo faz:
     1. @font-face da Inter (vendorizada em ../fonts/, licença OFL).
     2. Redefine os tokens --agx-* e os aliases antigos a partir de um conjunto
        pequeno de variáveis --iatur-* (escuro = padrão; claro com
        data-esquema="claro", persistido em localStorage agx:esquema).
     3. (em tema-iatur-shell.css) Shell no desenho do protótipo: sidebar
        flutuante em painel arredondado com o logo, topbar enxuta.
     4. (em tema-iatur-shell.css) Ajustes pontuais de componentes.

   Fonte do desenho: Downloads/plataforma-iatur-corporativo.html (tokens
   --bg1/--card/--accent/--primary…, raio 22px, Inter).
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------------------------------------------------------------------------
   1. Base do tema — escuro (padrão)
--------------------------------------------------------------------------- */
html[data-tema="iatur"] {
  --iatur-bg1: #0B1534;
  --iatur-bg2: #081029;
  --iatur-card: #121E42;
  --iatur-card-2: #182652;          /* superfície um degrau acima do card */
  --iatur-line: rgba(255, 255, 255, 0.06);
  --iatur-inset: rgba(255, 255, 255, 0.045);
  --iatur-inset-line: rgba(255, 255, 255, 0.08);
  --iatur-text: #FFFFFF;
  --iatur-text-2: #D6DDF0;
  --iatur-text-3: #B4BED8;
  --iatur-muted: #8E9BBB;
  --iatur-accent: #5B93FF;
  --iatur-primary: #2563EB;
  --iatur-primary-2: #3B76F0;
  --iatur-act: rgba(37, 99, 235, 0.22);
  --iatur-warn: #F5B83D;
  --iatur-danger: #F0627A;
  --iatur-danger-2: #D33F57;
  --iatur-ok: #34C38F;
  --iatur-feat1: #2563EB;
  --iatur-feat2: #3B76F0;
  --iatur-track: rgba(255, 255, 255, 0.08);
  --iatur-ink: 255, 255, 255;        /* "tinta" em opacidade (escala navy antiga) */
  --iatur-highlight: rgba(255, 255, 255, 0.07);
  --iatur-shadow: 0 14px 34px -10px rgba(0, 0, 0, 0.35);
  --iatur-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --iatur-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.22);
  --iatur-shadow-md: 0 8px 22px -6px rgba(0, 0, 0, 0.35);
  --iatur-shadow-lg: 0 20px 48px -14px rgba(0, 0, 0, 0.5);
  --iatur-scrim: rgba(5, 10, 28, 0.72);
  --iatur-grafico-1: #5B93FF;
  --iatur-grafico-2: #3B76F0;
  --iatur-grafico-3: #2F5BBE;
  --iatur-grafico-4: #2A4587;
  --iatur-grafico-5: #27355F;
  color-scheme: dark;
}

/* ---------------------------------------------------------------------------
   1b. Esquema claro (data-esquema="claro")
--------------------------------------------------------------------------- */
html[data-tema="iatur"][data-esquema="claro"] {
  --iatur-bg1: #F4F6FA;
  --iatur-bg2: #EEF1F6;
  --iatur-card: #FFFFFF;
  --iatur-card-2: #F4F6FA;
  --iatur-line: rgba(11, 21, 52, 0.06);
  --iatur-inset: rgba(11, 21, 52, 0.035);
  --iatur-inset-line: rgba(11, 21, 52, 0.08);
  --iatur-text: #0B1534;
  --iatur-text-2: #1F2A48;
  --iatur-text-3: #3F4A6B;
  --iatur-muted: #6B7693;
  --iatur-accent: #2563EB;
  --iatur-act: rgba(37, 99, 235, 0.08);
  --iatur-warn: #B37A0A;
  --iatur-danger: #D33F57;
  --iatur-danger-2: #A82B41;
  --iatur-ok: #14936A;
  --iatur-feat1: #0B1534;
  --iatur-feat2: #142454;
  --iatur-track: rgba(11, 21, 52, 0.08);
  --iatur-ink: 11, 21, 52;
  --iatur-highlight: rgba(255, 255, 255, 0.9);
  --iatur-shadow: 0 10px 30px -8px rgba(11, 21, 52, 0.08);
  --iatur-shadow-xs: 0 1px 2px rgba(11, 21, 52, 0.05);
  --iatur-shadow-sm: 0 2px 8px rgba(11, 21, 52, 0.06);
  --iatur-shadow-md: 0 8px 22px -6px rgba(11, 21, 52, 0.1);
  --iatur-shadow-lg: 0 20px 48px -14px rgba(11, 21, 52, 0.16);
  --iatur-scrim: rgba(11, 21, 52, 0.5);
  --iatur-grafico-1: #0B1534;
  --iatur-grafico-2: #2563EB;
  --iatur-grafico-3: #5B93FF;
  --iatur-grafico-4: #93B4FF;
  --iatur-grafico-5: #C9D8FF;
  color-scheme: light;
}

/* ---------------------------------------------------------------------------
   2. Tokens --agx-* reescritos a partir da base
--------------------------------------------------------------------------- */
html[data-tema="iatur"] {
  /* fundos e superfícies */
  --agx-bg-page: var(--iatur-bg2);
  --agx-bg-page-mist: linear-gradient(180deg, var(--iatur-bg1) 0, var(--iatur-bg2) 900px);
  --agx-superficie-0: var(--iatur-inset);
  --agx-superficie-1: var(--iatur-inset);
  --agx-superficie-2: var(--iatur-card);
  --agx-superficie-3: var(--iatur-card);
  --agx-superficie-3b: var(--iatur-card);
  --agx-superficie-barra: var(--iatur-card);
  --agx-superficie-liquida: var(--iatur-card);
  --agx-superficie-card-catalogo: var(--iatur-card);
  --agx-superficie-card-solucao: var(--iatur-card);
  --agx-superficie-popover: var(--iatur-card-2);
  --agx-superficie-menu: var(--iatur-card-2);
  --agx-superficie-onnavy: var(--iatur-card);
  --agx-superficie-inversa: linear-gradient(135deg, var(--iatur-feat1), var(--iatur-feat2));
  --agx-superficie-inversa-2: linear-gradient(148deg, var(--iatur-feat2) 0%, var(--iatur-feat1) 100%);
  --agx-superficie-inversa-3: linear-gradient(135deg, var(--iatur-feat1), var(--iatur-feat2));

  /* ação */
  --agx-acao: var(--iatur-primary);
  --agx-acao-deep: #1D4ED8;
  --agx-acao-darker: #1E40AF;
  --agx-acao-gradiente: linear-gradient(180deg, var(--iatur-primary-2), var(--iatur-primary));
  --agx-acao-gradiente-accent: radial-gradient(125% 130% at 50% -28%, rgba(255, 255, 255, 0.2), transparent 56%), linear-gradient(180deg, var(--iatur-primary-2) 0%, var(--iatur-primary) 100%);
  --agx-acao-pressed: inset 0 2px 6px -2px rgba(0, 0, 0, 0.35);
  --agx-secundaria: var(--iatur-accent);
  --agx-secundaria-soft: #7FA8FF;

  /* escala de tinta em opacidade */
  --agx-navy-02: rgba(var(--iatur-ink), 0.02);
  --agx-navy-03: rgba(var(--iatur-ink), 0.03);
  --agx-navy-04: rgba(var(--iatur-ink), 0.04);
  --agx-navy-05: rgba(var(--iatur-ink), 0.05);
  --agx-navy-06: rgba(var(--iatur-ink), 0.06);
  --agx-navy-08: rgba(var(--iatur-ink), 0.08);
  --agx-navy-10: rgba(var(--iatur-ink), 0.1);
  --agx-navy-12: rgba(var(--iatur-ink), 0.12);
  --agx-navy-14: rgba(var(--iatur-ink), 0.14);
  --agx-navy-16: rgba(var(--iatur-ink), 0.16);
  --agx-navy-18: rgba(var(--iatur-ink), 0.18);
  --agx-navy-20: rgba(var(--iatur-ink), 0.2);
  --agx-navy-22: rgba(var(--iatur-ink), 0.22);
  --agx-navy-25: rgba(var(--iatur-ink), 0.25);
  --agx-navy-30: rgba(var(--iatur-ink), 0.3);
  --agx-navy-40: rgba(var(--iatur-ink), 0.4);
  --agx-navy-60: rgba(var(--iatur-ink), 0.6);
  --agx-navy-80: rgba(var(--iatur-ink), 0.8);

  /* semânticas */
  --agx-sucesso: var(--iatur-ok);
  --agx-erro: var(--iatur-danger);
  --agx-erro-suave: var(--iatur-danger);
  --agx-erro-forte: var(--iatur-danger-2);
  --agx-erro-medio: var(--iatur-danger);
  --agx-badge-critico-bg: rgba(240, 98, 122, 0.16);
  --agx-badge-critico-borda: rgba(240, 98, 122, 0.4);
  --agx-badge-critico-texto: var(--iatur-danger);

  /* texto */
  --agx-texto-titulo: var(--iatur-text);
  --agx-texto-corpo: var(--iatur-text-2);
  --agx-texto-suporte: var(--iatur-text-3);
  --agx-texto-tenue: var(--iatur-muted);
  --agx-texto-ink-2: var(--iatur-muted);
  --agx-texto-ink-3: var(--iatur-muted);
  --agx-texto-soft: var(--iatur-muted);
  --agx-texto-desabilitado: rgba(var(--iatur-ink), 0.3);
  --agx-texto-grupo-sidebar: var(--iatur-accent);

  /* bordas */
  --agx-borda-hairline: var(--iatur-inset-line);
  --agx-borda-sutil: var(--iatur-line);
  --agx-borda-media: rgba(var(--iatur-ink), 0.14);
  --agx-borda-forte: rgba(var(--iatur-ink), 0.3);
  --agx-borda-vidro-alta: var(--iatur-highlight);
  --agx-borda-vidro-baixa: var(--iatur-line);
  --agx-borda-tracejada: 1px dashed rgba(var(--iatur-ink), 0.18);
  --agx-borda-erro: rgba(240, 98, 122, 0.4);

  /* sombras e overlays */
  --agx-shadow-xs: var(--iatur-shadow-xs);
  --agx-shadow-sm: var(--iatur-shadow-sm);
  --agx-shadow-md: var(--iatur-shadow-md);
  --agx-shadow-lg: var(--iatur-shadow-lg);
  --agx-shadow-xl: var(--iatur-shadow-lg);
  --agx-shadow-glass-light: var(--iatur-shadow);
  --agx-shadow-glass-dark: var(--iatur-shadow);
  --agx-shadow-focus: 0 0 0 3px rgba(91, 147, 255, 0.25);
  --agx-anel-foco: var(--iatur-accent);
  --agx-glow-navy: 0 8px 24px rgba(37, 99, 235, 0.25);
  --agx-glow-navy-strong: 0 16px 48px rgba(37, 99, 235, 0.35);
  --agx-shadow-sidebar: var(--iatur-shadow);
  --agx-shadow-topbar: none;
  --agx-shadow-card: var(--iatur-shadow);
  --agx-shadow-card-hover: 0 0 0 1px rgba(91, 147, 255, 0.25), var(--iatur-shadow-lg);
  --agx-shadow-card-dark: var(--iatur-shadow);
  --agx-shadow-card-featured: var(--iatur-shadow);
  --agx-shadow-card-liquido: var(--iatur-shadow);
  --agx-shadow-card-formacao: var(--iatur-shadow);
  --agx-shadow-card-formacao-hover: var(--iatur-shadow-lg);
  --agx-shadow-btn-primario: 0 6px 16px -4px rgba(37, 99, 235, 0.35);
  --agx-shadow-btn-primario-hover: 0 10px 24px -6px rgba(37, 99, 235, 0.5);
  --agx-shadow-btn-secundario: none;
  --agx-shadow-nav-ativa: inset 0 0 0 1px rgba(91, 147, 255, 0.35);
  --agx-shadow-avatar: 0 0 0 1.5px var(--iatur-card);
  --agx-shadow-modal: var(--iatur-shadow-lg);
  --agx-scrim-modal: var(--iatur-scrim);
  --agx-shadow-palette: var(--iatur-shadow-lg);
  --agx-shadow-tooltip: var(--iatur-shadow-md);
  --agx-shadow-dropdown: var(--iatur-shadow-lg);

  /* gradientes decorativos */
  --agx-sheen-card: none;
  --agx-sheen-card-dark: none;
  --agx-glow-interno-card: radial-gradient(540px 240px at 0% 0%, rgba(91, 147, 255, 0.06), transparent 60%);
  --agx-sublinhado-foco: linear-gradient(90deg, transparent, var(--iatur-accent), var(--iatur-primary), transparent);
  --agx-sublinhado-erro: linear-gradient(90deg, transparent, var(--iatur-danger), var(--iatur-danger-2), transparent);
  --agx-topo-featured: linear-gradient(90deg, transparent, var(--iatur-accent), var(--iatur-primary), transparent);
  --agx-halo-grid-areas: radial-gradient(460px 280px at 10% 18%, rgba(37, 99, 235, 0.14), transparent 68%), radial-gradient(400px 260px at 92% 8%, rgba(91, 147, 255, 0.08), transparent 68%);
  --agx-fill-progresso: linear-gradient(90deg, var(--iatur-primary), var(--iatur-accent));
  --agx-fill-progresso-accent: linear-gradient(90deg, var(--iatur-primary), var(--iatur-accent));
  --agx-fill-progresso-coral: linear-gradient(90deg, var(--iatur-danger-2), var(--iatur-danger));
  --agx-track-progresso: var(--iatur-track);
  --agx-track-progresso-inset: none;
  --agx-avatar-gradiente: linear-gradient(150deg, var(--iatur-primary-2), var(--iatur-primary));
  --agx-hover-ghost: var(--iatur-inset);
  --agx-grafico-1: var(--iatur-grafico-1);
  --agx-grafico-2: var(--iatur-grafico-2);
  --agx-grafico-3: var(--iatur-grafico-3);
  --agx-grafico-4: var(--iatur-grafico-4);
  --agx-grafico-5: var(--iatur-grafico-5);

  /* tipografia e forma */
  --agx-font-sans: 'Inter', 'Geist', system-ui, sans-serif;
  /* o protótipo é todo em Inter: rótulos, eyebrows e metadados perdem o mono;
     código e prompts voltam ao Geist Mono mais abaixo */
  --agx-font-mono: 'Inter', 'Geist', system-ui, sans-serif;
  --agx-peso-titulo: 650;
  --agx-peso-medio: 500;
  --agx-radius-thumb: 14px;
  --agx-radius-card: 22px;
  --agx-radius-card-lg: 22px;
  --agx-radius-modal: 22px;

  /* aliases do DS antigo (aluno.css / admin.css) */
  --primary: var(--iatur-primary);
  --primary-variant: var(--iatur-accent);
  --primary-green: var(--iatur-ok);
  --danger: var(--iatur-danger);
  --background: var(--iatur-bg1);
  --bg-card-glass: var(--iatur-card);
  --bg-badge: rgba(91, 147, 255, 0.14);
  --bg-sutil: var(--iatur-inset);
  --bg-alert-danger: rgba(240, 98, 122, 0.1);
  --bg-checkpoint: rgba(52, 195, 143, 0.1);
  --text-heading: var(--iatur-text);
  --text-primary: var(--iatur-text-2);
  --text-secondary: var(--iatur-text-3);
  --text-highlight: var(--iatur-accent);
  --border-card: rgba(var(--iatur-ink), 0.14);
  --border-faq: var(--iatur-line);
  --border-badge: rgba(91, 147, 255, 0.35);
  --border-danger: rgba(240, 98, 122, 0.4);
  --border-checkpoint: rgba(52, 195, 143, 0.35);
  --border-sutil: var(--iatur-line);
  --font-heading: 'Inter', 'Geist', system-ui, sans-serif;
  --font-body: 'Inter', 'Geist', system-ui, sans-serif;
  --radius-card: 22px;
  --agx-overlay: var(--iatur-scrim);
  --agx-vidro: var(--iatur-card);
  --agx-marinho: var(--iatur-feat1);
}

html[data-tema="iatur"] { background: var(--iatur-bg2); }
html[data-tema="iatur"] ::selection { background: var(--iatur-primary); color: #FFFFFF; }