:root {
  --primary-grad: linear-gradient(90deg, #ff6b00 0%, #ffd000 100%);
  --primary-grad-diagonal: linear-gradient(135deg, #ff6b00 0%, #ffd000 100%);
  --primary-grad-vertical: linear-gradient(180deg, #ff6b00 0%, #ffd000 100%);
  --primary-grad-glow: linear-gradient(
    135deg,
    rgba(255, 107, 0, 0.13) 0%,
    rgba(255, 208, 0, 0.06) 100%
  );
  --primary-grad-radial: radial-gradient(
    circle,
    rgba(255, 140, 0, 0.16) 0%,
    transparent 70%
  );
  --glass-grad: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.11) 0%,
    rgba(255, 255, 255, 0) 100%
  );

  /* Solid fallbacks */
  --color-primary: #ff8c00;
  --color-primary-dark: #e07000;
  --color-primary-light: #ffd000;

  /* Backgrounds */
  --color-bg: #0a0600;
  --color-bg-2: #070400;
  --color-bg-3: #130c00;
  --color-card: #1a0f00;

  /* Borders */
  --color-border: rgba(255, 140, 0, 0.14);

  /* Text */
  --color-text-muted: rgba(255, 255, 255, 0.68);
  --color-white: #ffffff;

  /* Typography */
  --font-display: "Montserrat", sans-serif;
  --font-body: "Inter", sans-serif;

  /* Spacing */
  --section-padding: 90px 0;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.6s ease;

  /* Banner image */
  --banner-img: url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&q=80");
}