@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  /* Paleta Base Cinematográfica (Sem Pure Black/White) */
  --bg-color: #0c0d10;
  --header-bg: #eceef2;
  --header-text: #0f1115;
  
  --surface-0: #0c0d10;
  --surface-1: #13151b;
  --surface-2: #191c24;
  --surface-3: #212530;
  
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-focus: #2563eb;
  
  --text-main: #eceff4;
  --text-secondary: #8f96a3;
  --text-tertiary: #5d6370;
  
  /* Acentos precisos */
  --accent-blue: #2563eb;
  --accent-blue-hover: #1d4ed8;
  --accent-blue-subtle: rgba(37, 99, 235, 0.12);
  --accent-green: #10b981;
  --danger-surface: rgba(239, 68, 68, 0.08);
  --danger-border: rgba(239, 68, 68, 0.25);
  --danger-text: #f87171;
  --danger-hover: #dc2626;

  /* Geometria Contida & Intencional */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  
  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Instrument Sans', -apple-system, sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--bg-color);
  color: var(--text-main);
  font-family: var(--font-body);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}