@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
  /* Brand palette */
  --yellow: #FFC50A;
  --primary-yellow: #FFC50A;
  --black: #000000;
  --dark-gold: #846605;
  --gold: #846605;

  /* Surfaces and readable neutrals */
  --surface: #0B0B0B;
  --surface-2: #111111;
  --surface-3: #191919;
  --surface-glass: rgba(17, 17, 17, 0.78);
  --white: #F7F7F2;
  --text: #D9D9D2;
  --muted: #96968D;
  --muted-dark: #6B6B63;
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --line-accent: rgba(255, 197, 10, 0.34);

  /* Layout */
  --max: 1440px;
  --pad: clamp(20px, 4vw, 72px);
  --space: clamp(84px, 10vw, 168px);
  --content-width: min(100% - 2 * var(--pad), var(--max));

  /* Shape */
  --radius: 4px;
  --radius-lg: 16px;
  --radius-cut: 16px 3px 16px 3px;
  --shadow-card: 0 24px 70px rgba(0, 0, 0, 0.28);
  --shadow-accent: 0 18px 48px rgba(255, 197, 10, 0.12);

  /* Typography */
  --font-main: "Poppins", sans-serif;
  --font-display: "Poppins", sans-serif;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.45s;
  --duration-slow: 0.75s;
}