/* ==========================================================================
   GIGA — Design Tokens
   Sistema visual único. Nunca redefinir cores/easings fora deste arquivo.
   ========================================================================== */

:root {
  /* Cores — base monocromática */
  --black: #000000;
  --black-deep: #0a0a0a;
  --gray-950: #0f0f0f;
  --gray-900: #1a1a1a;
  --gray-800: #2b2b2b;
  --gray-700: #3a3a3a;
  --gray-500: #6b6b6b;
  --gray-400: #8a8a8a;
  --gray-300: #b8b8b8;
  --gray-200: #d4d4d4;
  --white: #fafafa;

  /* Cores — acento (uso restrito a linhas finas, indicadores, hovers sutis) */
  --accent-cyan: #5ce1e6;
  --accent-lime: #e3ff3a;
  --accent-magenta: #e034fc;

  /* Superfícies */
  --surface-0: var(--black);
  --surface-1: var(--gray-950);
  --surface-2: var(--gray-900);
  --text-primary: var(--white);
  --text-secondary: var(--gray-300);
  --text-tertiary: var(--gray-500);
  --line-soft: rgba(250, 250, 250, 0.06);
  --line-mid: rgba(250, 250, 250, 0.12);
  --line-strong: rgba(250, 250, 250, 0.22);

  /* Glass */
  --glass-bg: rgba(20, 20, 20, 0.55);
  --glass-bg-strong: rgba(15, 15, 15, 0.75);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-highlight: rgba(255, 255, 255, 0.04);

  /* Tipografia */
  --font-display: "Montserrat", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-display: clamp(48px, 6.5vw, 96px);
  --fs-h1: clamp(34px, 4.4vw, 64px);
  --fs-h2: clamp(28px, 3.4vw, 48px);
  --fs-h3: clamp(20px, 2.2vw, 28px);
  --fs-sub: clamp(15px, 1.25vw, 18px);
  --fs-body: clamp(14px, 1vw, 16px);
  --fs-caption: clamp(12px, 0.8vw, 13px);
  --fs-micro: 11px;

  --lh-tight: 0.95;
  --lh-snug: 1.08;
  --lh-base: 1.55;
  --lh-loose: 1.7;

  --tracking-display: -0.03em;
  --tracking-heading: -0.018em;
  --tracking-body: -0.003em;
  --tracking-eyebrow: 0.04em;

  /* Espaçamento */
  --gutter: clamp(20px, 3.5vw, 64px);
  --section-y: clamp(80px, 12vh, 160px);
  --section-y-tight: clamp(56px, 8vh, 120px);
  --container: 1440px;

  /* Raios */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* Easings — cinematográficos, lentos, refinados */
  --ease-cinematic: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-precise: cubic-bezier(0.83, 0, 0.17, 1);

  /* Durações */
  --d-fast: 280ms;
  --d-base: 600ms;
  --d-slow: 1000ms;
  --d-cine: 1600ms;
  --d-intro: 3800ms;

  /* Sombras — quase invisíveis */
  --shadow-soft: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 24px 60px rgba(0, 0, 0, 0.45);
  --shadow-glass: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 30px 80px rgba(0, 0, 0, 0.5);
  --shadow-deep: 0 60px 120px rgba(0, 0, 0, 0.6);

  /* Z-index */
  --z-base: 1;
  --z-content: 10;
  --z-hud: 80;
  --z-nav: 90;
  --z-dock: 95;
  --z-cursor: 100;
  --z-transition: 200;
}

/* Esquema de cor sempre escuro — esta é uma marca noturna */
html { color-scheme: dark; }