/* =========================================================
   AI DEPLOY CLUB — Landing (LIGHT) · Design Tokens
   Variante clara: fundo branco, texto preto. Mantém a marca
   (laranja fogo, Fraunces/Geist/JetBrains Mono) do club-theme.
   ========================================================= */

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/Geist-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/Geist-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/Geist-SemiBold.woff2") format("woff2");
}

:root {
  /* Surfaces — branco + off-whites quentes pra separação */
  --club-bg: #ffffff;
  --club-bg-elevated: #f6f4f0;
  --club-surface: #ffffff;
  --club-surface-2: #f1eee8;
  --club-border: rgba(10, 10, 12, 0.10);
  --club-border-strong: rgba(10, 10, 12, 0.18);
  --club-deepest: #f6f4f0;

  /* Text — preto onde antes era branco */
  --club-text: #0a0a0c;
  --club-text-muted: #4a4a52;
  --club-text-dim: #6a6a73;
  --club-on-accent: #ffffff;

  /* Brand accent — laranja fogo (preenchimentos, glows, títulos grandes) */
  --club-accent: #ff5722;
  --club-accent-hover: #f24e1c;
  --club-accent-glow: rgba(255, 87, 34, 0.30);
  --club-accent-soft: rgba(255, 87, 34, 0.10);
  --club-accent-gradient: linear-gradient(135deg, #ff6a3d 0%, #ff5722 60%, #f24e1c 100%);
  /* Laranja-tinta profundo pra TEXTO pequeno no claro (contraste AA >= 4.5) */
  --club-accent-ink: #c4400f;

  /* Secondary accent — verde (escurecido pra legibilidade no claro) */
  --club-live: #00a85a;
  --club-live-glow: rgba(0, 168, 90, 0.30);

  --club-gold: #b8860b;

  --club-positive: #00a85a;
  --club-negative: #d63350;

  /* Overlays / vidro / scrollbar (claros) */
  --club-glass-bg: rgba(255, 255, 255, 0.74);
  --club-scrim: rgba(10, 10, 12, 0.035);
  --club-scrollbar: rgba(10, 10, 12, 0.18);
  --club-scrollbar-hover: rgba(10, 10, 12, 0.30);
  --club-sheen: rgba(255, 255, 255, 0.65);

  /* Typography */
  --club-font-display: "Fraunces", "Georgia", serif;
  --club-font-sans: "Geist", system-ui, -apple-system, sans-serif;
  --club-font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Layout */
  --club-header-height: 64px;
  --club-maxw: 1440px;
  --club-maxw-wide: 1600px;
  --club-gutter: clamp(20px, 5vw, 48px);

  /* Motion */
  --club-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --club-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --club-dur-fast: 160ms;
  --club-dur-md: 260ms;
  --club-dur-slow: 480ms;

  /* Depth — sombras claras */
  --club-shadow-sm: 0 1px 2px rgba(10, 10, 12, 0.06);
  --club-shadow-md: 0 6px 18px -8px rgba(10, 10, 12, 0.12);
  --club-shadow-lg: 0 16px 40px -18px rgba(10, 10, 12, 0.16);
  --club-shadow-xl: 0 30px 66px -30px rgba(10, 10, 12, 0.20);
  --club-glow-accent: 0 16px 50px -20px rgba(255, 87, 34, 0.22);
  --club-glow-accent-soft: 0 12px 40px -16px rgba(255, 87, 34, 0.16);
  --club-ring-accent: 0 0 0 1px rgba(255, 87, 34, 0.16);
}