:root {
  --color-info-token: #3B82F6;
  --color-text-token: #FFFFFF;
  --color-error-token: #EF4444;
  --color-accent-token: #F59E0B;
  --color-border-token: #2D2D2D;
  --color-primary-token: #F59E0B;
  --color-success-token: #10B981;
  --color-surface-token: #141414;
  --color-warning-token: #F59E0B;
  --color-secondary-token: #1F2937;
  --color-text-muted-token: #9CA3AF;
  --color-background-token: #0A0A0A;
  --color-surface-alt-token: #1C1C1C;
  --color-primary-dark-token: #D97706;
  --color-primary-light-token: #FBBF24;
  --spacing-lg-token: 2rem;
  --spacing-md-token: 1rem;
  --spacing-sm-token: 0.5rem;
  --spacing-xl-token: 4rem;
  --spacing-xs-token: 0.25rem;
  --spacing-2xl-token: 6rem;
  --spacing-3xl-token: 8rem;
  --font-heading-token: "Inter, sans-serif", system-ui, sans-serif;
  --font-body-token: "Inter, sans-serif", system-ui, sans-serif;
  --font-mono-token: "JetBrains Mono, monospace", monospace;
  --text-lg-token: 1.125rem;
  --text-sm-token: 0.875rem;
  --text-xl-token: 1.25rem;
  --text-xs-token: 0.75rem;
  --text-2xl-token: 1.5rem;
  --text-3xl-token: 2.25rem;
  --text-4xl-token: 3.5rem;
  --text-5xl-token: 4.5rem;
  --text-base-token: 1rem;
  --font-bold-token: 700;
  --font-medium-token: 500;
  --font-normal-token: 400;
  --font-semibold-token: 600;
  --font-extrabold-token: 800;
  --leading-tight-token: 1.1;
  --leading-normal-token: 1.5;
  --leading-relaxed-token: 1.75;
  --radius-lg-token: 0.75rem;
  --radius-md-token: 0.5rem;
  --radius-sm-token: 0.25rem;
  --radius-xl-token: 1rem;
  --radius-2xl-token: 1.5rem;
  --radius-full-token: 9999px;
  --radius-none-token: 0;
  --shadow-lg-token: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-md-token: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-sm-token: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-xl-token: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
  --shadow-glow-token: 0 0 20px rgba(245, 158, 11, 0.3);
  --shadow-none-token: none;
  --shadow-glowLg-token: 0 0 40px rgba(245, 158, 11, 0.4);
}
:root { --gradient-dark: linear-gradient(180deg, #0A0A0A 0%, #141414 100%); } .hero-section { background: var(--gradient-dark); } .section-heading .highlight { color: var(--color-primary); } .btn-primary { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primaryDark) 100%); } .btn-primary:hover { box-shadow: 0 0 30px rgba(245, 158, 11, 0.4); transform: translateY(-2px); } .card-glow:hover { box-shadow: 0 0 30px rgba(245, 158, 11, 0.2); } .pricing-card.popular { border-color: var(--color-primary); } .timeline-connector { background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primaryDark) 100%); } .testimonial-card { background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surfaceAlt) 100%); } .faq-item { border-color: var(--color-border); } .faq-item:hover { border-color: var(--color-primary); } .location-card { background: var(--color-surface); border-left: 3px solid var(--color-primary); }