/* ==========================================================================
   CTL HUB — Control Tower Lab · Design tokens
   Paleta oficial do manual (Idvisualacademia/CTL_HUB_Identidade_Visual.pdf):
     Azul-marinho  #0B2D5B  confiança / liderança
     Azul de apoio #3B82F6  inovação / aprendizado
     Azul claro    #D6E9FE  clareza / leveza
     Cinza médio   #6B7280  equilíbrio / profissionalismo
     Cinza claro   #E5E7EB  organização / respiro
     Branco        #FFFFFF  simplicidade / foco no conteúdo

   --acc (#1D4FA3) é o único tom derivado: fica entre o marinho e o azul de
   apoio porque precisa servir de FUNDO de botão com texto branco (7,8:1) e de
   COR DE TEXTO sobre fundo claro (7,1:1). O marinho puro se confunde com o
   texto; o azul de apoio puro não passa em contraste. Os dois originais seguem
   intactos em --acc-ink e --acc-2.
   Claro por padrão; [data-theme="dark"] aplicado via static/js/theme-init.js
   ========================================================================== */
:root {
  --bg: #f4f7fb;
  --surf: #ffffff;
  --surf-2: #edf3fb;
  --txt: #16233c;
  --mut: #6b7280;
  --bd: #e5e7eb;
  --acc: #1d4fa3;
  --acc-ink: #0b2d5b;
  --acc-2: #3b82f6;
  --acc-soft: #d6e9fe;
  --acc-weak: rgba(29, 79, 163, .10);
  --acc-grad: linear-gradient(135deg, var(--acc-ink), var(--acc-2));

  --ok-bg: #e0f7f1;
  --ok-fg: #08b18e;
  --warn-bg: #fbf0d8;
  --warn-fg: #cf8a00;
  --danger: #e2483d;
  --danger-bg: #fdecea;
  --info-bg: #d6e9fe;
  --info-fg: #1d4fa3;

  --radius-sm: 8px;
  --radius: 11px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --pill: 999px;

  --shadow-sm: 0 1px 2px rgba(11, 45, 91, .07);
  --shadow: 0 10px 30px -12px rgba(11, 45, 91, .20);
  --shadow-lg: 0 20px 50px -16px rgba(11, 45, 91, .26);

  --sidebar-w: 236px;
  --topbar-h: 66px;
  --maxw: 1180px;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --t-fast: .16s ease;
  --t: .22s ease;
}

:root[data-theme="dark"] {
  --bg: #071527;
  --surf: #0c1f38;
  --surf-2: #13294a;
  --txt: #e8effa;
  --mut: #94a3b8;
  --bd: #1c3556;
  --acc: #3b82f6;
  --acc-ink: #7db0ff;
  --acc-2: #7db0ff;
  --acc-soft: #16355e;
  --acc-weak: rgba(59, 130, 246, .20);
  --acc-grad: linear-gradient(135deg, #1d4fa3, #3b82f6);

  --ok-bg: #0c2c25;
  --ok-fg: #2dd4b0;
  --warn-bg: #2c2410;
  --warn-fg: #e9b44c;
  --danger: #ff6b60;
  --danger-bg: #2a1512;
  --info-bg: #12294a;
  --info-fg: #9ec5ff;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
  --shadow: 0 12px 32px -12px rgba(0, 0, 0, .55);
  --shadow-lg: 0 22px 55px -16px rgba(0, 0, 0, .65);
}