/* ========================================
   NOZORIA — Design System
   Dark Premium · Preto + Prata + Azul Metálico
   ======================================== */

:root {
  /* Backgrounds */
  --bg-0: #050608;
  --bg-1: #0A0D13;
  --bg-2: #0F131C;
  --bg-3: #151A26;
  --surface: #111620;
  --surface-hi: #1A2130;
  --border: rgba(168, 200, 232, 0.08);
  --border-hi: rgba(168, 200, 232, 0.18);

  /* Silver / Chrome */
  --silver-100: #F4F6FA;
  --silver-200: #E8EAEF;
  --silver-300: #C9CFD9;
  --silver-400: #9AA3B2;
  --silver-500: #6B7380;
  --silver-600: #4A525E;

  /* Metallic Blue (do logo) */
  --blue-50:  #EAF2FB;
  --blue-100: #C8DCF0;
  --blue-200: #A8C8E8;
  --blue-300: #7AAAD8;
  --blue-400: #5C8FC2;
  --blue-500: #3E72A6;
  --blue-600: #2E5C8A;
  --blue-700: #1F4270;
  --blue-800: #132C4E;
  --blue-900: #0A1A33;

  --accent: #7AAAD8;
  --accent-hi: #A8C8E8;
  --accent-glow: rgba(122, 170, 216, 0.35);

  /* Chrome gradient */
  --chrome: linear-gradient(180deg,
    #F4F6FA 0%,
    #C9CFD9 18%,
    #6B7380 42%,
    #9AA3B2 60%,
    #E8EAEF 82%,
    #7AAAD8 100%);
  --chrome-blue: linear-gradient(180deg,
    #E8EAEF 0%,
    #A8C8E8 25%,
    #3E72A6 55%,
    #7AAAD8 80%,
    #C8DCF0 100%);

  /* Typography */
  --font-display: 'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
  --font-mono: 'JetBrains Mono', 'Menlo', monospace;

  /* Spacing & Radius */
  --container: 1280px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Shadows */
  --shadow-lift: 0 20px 40px -20px rgba(0,0,0,0.6), 0 0 0 1px var(--border);
  --shadow-glow: 0 0 40px -10px var(--accent-glow);
}