/* ============================================
   Prime DB Solutions - Design Tokens
   Domain: prime.techfernandes.com.br
   Palette: Corporate Blue (v2)
   ============================================ */

:root {
  /* ===== BRAND BLUE (PRIMARY) ===== */
  --brand-blue: #0057B8;
  --brand-blue-50: #eff6ff;
  --brand-blue-100: #dbeafe;
  --brand-blue-200: #bfdbfe;
  --brand-blue-300: #93c5fd;
  --brand-blue-400: #60a5fa;
  --brand-blue-500: #3b82f6;
  --brand-blue-600: #2563eb;
  --brand-blue-700: #1d4ed8;
  --brand-blue-800: #1e40af;
  --brand-blue-900: #1e3a8a;

  /* ===== BRAND DARK BLUE ===== */
  --brand-blue-dark: #061A2F;
  --brand-blue-petroleum: #082B45;

  /* ===== BRAND ACCENT ===== */
  --brand-blue-accent: #00AEEF;
  --brand-cyan: #23C7E8;

  /* ===== COR DO LOGO (mantida para referência, não usar no layout) ===== */
  --brand-red: #d70f14;
  --brand-red-50: #fef2f2;
  --brand-red-100: #fee2e2;
  --brand-red-200: #fecaca;
  --brand-red-300: #fca5a5;
  --brand-red-400: #f87171;
  --brand-red-500: #ef4444;
  --brand-red-600: #dc2626;
  --brand-red-700: #b91c1c;
  --brand-red-800: #991b1b;
  --brand-red-900: #7f1d1d;

  /* ===== BG & TEXT ===== */
  --bg-light: #F4F7FB;
  --text-strong: #111827;
  --text-muted: #6B7280;

  /* ===== ESCALA NEUTRA ===== */
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;

  /* ===== TIPOGRAFIA FLUIDA (clamp) ===== */
  --text-xs: clamp(0.75rem, 1.5vw, 0.875rem);
  --text-sm: clamp(0.875rem, 1.8vw, 1rem);
  --text-base: clamp(1rem, 2vw, 1.125rem);
  --text-lg: clamp(1.125rem, 2.5vw, 1.25rem);
  --text-xl: clamp(1.25rem, 3vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 4vw, 2rem);
  --text-3xl: clamp(2rem, 5vw, 3rem);
  --text-4xl: clamp(2.5rem, 6vw, 4rem);
  --text-5xl: clamp(3rem, 8vw, 5rem);

  /* ===== SOMBRAS ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-blue: 0 4px 14px rgba(0, 87, 184, 0.12);
  --shadow-blue-lg: 0 10px 30px rgba(0, 87, 184, 0.15);

  /* ===== ESPAÇAMENTO ===== */
  --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);
  --space-sm: clamp(0.5rem, 1vw, 1rem);
  --space-md: clamp(1rem, 2vw, 2rem);
  --space-lg: clamp(2rem, 4vw, 4rem);
  --space-xl: clamp(4rem, 8vw, 8rem);

  /* ===== BORDAS ===== */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;

  /* ===== TRANSIÇÕES ===== */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* ===== LIGHT MODE (DEFAULT) ===== */
  color-scheme: light;
  --bg-primary: #ffffff;
  --bg-secondary: var(--bg-light);
  --bg-card: #ffffff;
  --text-primary: var(--text-strong);
  --text-secondary: var(--text-muted);
  --border-color: var(--neutral-200);
  --bg-hero: var(--brand-blue-dark);
  --text-hero: var(--neutral-50);
}

/* ===== DARK MODE — DESABILITADO =====
   O site é light-only: os componentes têm fundos claros hardcoded
   (.ai-card{background:#fff}, section.bg-light, etc.). Este bloco trocava só as
   cores de TEXTO para claro, então títulos sem cor própria (.ai-card h3,
   .case-card h3) herdavam ~branco e ficavam ilegíveis sobre cards brancos
   quando o SO estava em modo escuro. Desativado até existir um tema escuro
   completo (fundos + textos). Ver color-scheme: light no :root acima. */

/* ===== UTILITÁRIOS GLOBAIS ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-size: var(--text-base);
  line-height: 1.6;
  min-height: 100vh;
}

img,
video,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
}

::selection {
  background-color: var(--brand-blue);
  color: #ffffff;
}