/* ==========================================================================
   nuked • Design Tokens & Sistema de Cores (v2.1.0)
   Regra 60-30-10 | Tema Claro em Azul Blueprint (Paridade com App)
   ========================================================================== */

@font-face {
  font-family: 'Surgena';
  src: url('/portal/fonts/Surgena.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Primitivos da Marca */
  --nuked-grafite-tecnico: #111827;
  --nuked-grafite-superficie: #1E293B;
  --nuked-grafite-profundo: #0A0E18;
  --nuked-branco-lab: #F9FAFB;
  --nuked-cinza-interface: #CBD5E1;
  --nuked-cinza-escuro: #475569;

  /* Estrutura Tech */
  --nuked-azul-nucleo: #0B1F3A;
  --nuked-azul-hover: #163259;
  --nuked-azul-borda: rgba(11, 31, 58, 0.4);

  /* Ponto Focal & Destaque (10%) */
  --nuked-laranja-explosao: #FF7A00;
  --nuked-laranja-hover: #FF8A1A;
  --nuked-laranja-glow: rgba(255, 122, 0, 0.35);

  /* Telemetria Operacional */
  --nuked-verde-nuclear: #00FF9D;
  --nuked-ciano-tech: #00D1FF;
  --nuked-vermelho-falha: #EF4444;

  /* Tipografia */
  --font-brand: 'Surgena', 'Space Grotesk', -apple-system, sans-serif;
  --font-tech: 'Space Grotesk', monospace, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;

  /* Geometria Superelipse (Squircle Proporcional) */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 9999px;

  /* Escala de Superelipse Proporcional à Altura */
  --squircle-xs: 8px;
  --squircle-sm: 10px;
  --squircle-md: 14px;
  --squircle-lg: 18px;
  --squircle-xl: 22px;
  --squircle-2xl: 28px;

  /* Física de Movimento */
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-swift: cubic-bezier(0.2, 0.7, 0.2, 1);

  --duration-fast: 180ms;
  --duration-normal: 320ms;
  --duration-deliberate: 500ms;
}

/* Modo Escuro (Azul Tecnológico Oficial • Estrutura Tech) */
[data-theme="dark"], :root {
  --bg-primary: #07152B;               /* Azul Tecnológico Profundo */
  --bg-canvas: #07152B;
  --bg-surface: #0E223F;               /* Azul Núcleo Tech */
  --bg-surface-elevated: #163259;      /* Azul Hover / Painéis Técnicos */
  --text-primary: #F9FAFB;
  --text-secondary: #CBD5E1;
  --text-tertiary: #7E93AE;
  --border-subtle: rgba(0, 209, 255, 0.12);
  --border-tech: 1px solid rgba(0, 209, 255, 0.18);

  /* Gradiente Fluido de Fundo (Sem Cortes) */
  --bg-gradient: radial-gradient(ellipse 90% 75% at 50% 36%, #0E2442 0%, #07152B 55%, #030814 100%);

  /* Grid Quadriculado Futurista (Legado mantido transparente) */
  --grid-line-color: rgba(0, 209, 255, 0.0);
  --grid-major-color: rgba(0, 209, 255, 0.0);

  /* Sistema de Estrelas de Fundo (Ajuste de contraste +15% para presença bem definida) */
  --star-color-1: rgba(230, 242, 255, 0.30);      /* Micro-estrelas distantes */
  --star-color-2: rgba(215, 238, 255, 0.40);      /* Estrelas médias nítidas */
  --star-color-3: rgba(0, 230, 255, 0.49);        /* Estrelas com suave realce ciano tech */
  --stars-container-opacity: 1.0;

  /* Dock Liquid Glass Dark */
  --glass-bg: rgba(7, 21, 43, 0.85);
  --glass-border: 1px solid rgba(0, 209, 255, 0.20);
  --glass-blur: blur(28px);
  --glass-shadow: 0 24px 60px -10px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(0, 209, 255, 0.12);
  --dock-highlight: rgba(0, 209, 255, 0.08);
  --dock-active: rgba(255, 122, 0, 0.18);
}

/* Modo Claro: Blueprint Light Técnico Oficial (Substituição do Verde • Paridade Estrita com o App) */
[data-theme="light"] {
  --bg-primary: #F0F5FC;               /* Azul Blueprint Suave Oficial do App */
  --bg-canvas: #E4EEF9;                /* Azul Técnico Profundo de Fundo */
  --bg-surface: #FFFFFF;               /* Superfície Pura Elevada */
  --bg-surface-elevated: #F8FAFD;      /* Painéis Técnicos e Cards Elevados */
  --text-primary: #0F233D;             /* Azul Técnico Profundo de Alto Contraste */
  --text-secondary: #3B5270;           /* Azul Ardósia Intermediário Técnico */
  --text-tertiary: #5B7294;            /* Azul Muted de Apoio */
  --border-subtle: rgba(24, 76, 150, 0.14);
  --border-tech: 1px solid rgba(24, 76, 150, 0.16);

  /* Gradiente Fluido de Fundo Blueprint (Sem Cortes) */
  --bg-gradient: radial-gradient(ellipse 90% 75% at 50% 36%, #F8FAFD 0%, #EBF3FC 55%, #DCE8F6 100%);

  /* Grid Quadriculado Futurista (Legado mantido transparente) */
  --grid-line-color: rgba(24, 76, 150, 0.0);
  --grid-major-color: rgba(24, 76, 150, 0.0);

  /* Sistema de Estrelas de Fundo (Modo Claro Blueprint • Contraste nítido) */
  --star-color-1: rgba(24, 76, 150, 0.14);         /* Micro-pontos suaves em azul técnico */
  --star-color-2: rgba(24, 76, 150, 0.22);         /* Densidade moderada nítida */
  --star-color-3: rgba(15, 35, 61, 0.30);          /* Azul grafite suave */
  --stars-container-opacity: 0.92;

  /* Dock Liquid Glass Blueprint */
  --glass-bg: rgba(255, 255, 255, 0.88);
  --glass-border: 1px solid rgba(24, 76, 150, 0.16);
  --glass-blur: blur(28px);
  --glass-shadow: 0 20px 50px -10px rgba(24, 76, 150, 0.14), 0 0 0 1px rgba(24, 76, 150, 0.08);
  --dock-highlight: rgba(24, 76, 150, 0.08);
  --dock-active: rgba(255, 122, 0, 0.16);
}