:root {
  /* Brand Colors */
  --tp-gold: #C9A84C;
  --tp-gold-light: #E2C878;
  --tp-gold-dark: #A68A3E;
  --tp-primary: #1A1A2E;

  /* Backgrounds — LIGHT THEME */
  --tp-bg-primary: #FFFFFF;
  --tp-bg-secondary: #F5F7FA;
  --tp-bg-tertiary: #EDF0F5;
  --tp-bg-card: #FFFFFF;
  --tp-bg-card-hover: #F8F9FC;
  --tp-bg-dark: #1A1A2E;
  --tp-bg-footer: #111827;

  /* Text */
  --tp-text-primary: #1A1A2E;
  --tp-text-secondary: #4B5563;
  --tp-text-muted: #9CA3AF;
  --tp-text-light: #FFFFFF;

  /* Borders */
  --tp-border: rgba(0, 0, 0, 0.08);
  --tp-border-hover: rgba(0, 0, 0, 0.16);

  /* Gradients */
  --tp-gradient-gold: linear-gradient(135deg, #C9A84C 0%, #E2C878 50%, #C9A84C 100%);
  --tp-gradient-light: linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%);
  --tp-gradient-glow: radial-gradient(circle at 50% 0%, rgba(201, 168, 76, 0.08) 0%, transparent 60%);

  /* Typography */
  --tp-font-body: "Assistant", sans-serif;
  --tp-font-display: "Bebas Neue", sans-serif;
  --tp-font-english: "Poppins", sans-serif;
  --tp-font-mono: "Mukta", sans-serif;

  /* Spacing */
  --tp-section-py: 100px;
  --tp-section-py-mobile: 60px;
  --tp-container: 1200px;

  /* Transitions */
  --tp-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --tp-transition-fast: 0.2s ease;

  /* Shadows */
  --tp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --tp-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);
  --tp-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.08);
  --tp-shadow-glow: 0 0 40px rgba(201, 168, 76, 0.1);

  /* Radius */
  --tp-radius: 16px;
  --tp-radius-sm: 10px;
  --tp-radius-full: 9999px;
}
