/* ============================================================
   STUDIO LIFE STYLE — DESIGN TOKENS
   Default tema: dark. Override via html[data-theme="light"].
   Nav permanece preta em ambos os temas (decisão de design).
   ============================================================ */

:root {
  /* Brand */
  --orange: #F28C28;
  --orange-2: #FF7A00;
  --gold: #E8B400;
  --green-wa: #25D366;
  --green-wa-2: #1DAE54;
  --green: #21B573;

  /* Surfaces (dark default) */
  --black: #0A0A0A;
  --ink: #111111;
  --bg: #0E0E0E;
  --bg-2: #161616;
  --bg-3: #1F1F1F;
  --bg-warm: #1A1410;
  --line: rgba(255,255,255,.08);
  --line-2: rgba(255,255,255,.16);

  /* Text */
  --text: #F4F4F4;
  --mute: #A8A8A8;
  --mute-2: #6F6F6F;

  /* Footer always dark */
  --footer-bg: #050505;
  --footer-text: #C8C8C8;
  --footer-mute: #9A958C;
  --footer-line: rgba(255,255,255,.08);

  /* Type */
  --font-display: 'Bebas Neue', Impact, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);

  /* Layout */
  --container-max: 1280px;
  --container-pad: 24px;
  --nav-height: 78px;
}

/* ============================================================
   LIGHT THEME OVERRIDES
   ============================================================ */

html[data-theme="light"] {
  --orange: #E87B1B;
  --orange-2: #FF7A00;
  --gold: #D9A300;

  --black: #111111;
  --ink: #1A1A1A;
  --bg: #F6F1E6;
  --bg-2: #FFFFFF;
  --bg-3: #EFE7D6;
  --bg-warm: #FBEFD8;
  --line: rgba(20,20,20,.08);
  --line-2: rgba(20,20,20,.16);

  --text: #1A1A1A;
  --mute: #5C5750;
  --mute-2: #8B857C;

  /* Footer stays dark in both themes */
  --footer-bg: #1A1A1A;
  --footer-text: #E8E4DA;
  --footer-mute: #9A958C;
  --footer-line: rgba(255,255,255,.08);
}

/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}