/* ============================================
   Design Tokens — Top Profit Club
   Dark Gold Luxury Theme
   ============================================ */

:root {
  /* ---- Brand Gold ---- */
  --gold-light: #F5E098;
  --gold: #C9A84C;
  --gold-dark: #9A7530;
  --gold-dim: rgba(201, 168, 76, 0.18);
  --gold-border: rgba(201, 168, 76, 0.35);

  /* ---- Background Layers ---- */
  --bg-page: #0A0A0A;
  --bg-card: #111111;
  --bg-input: #1A1A1A;
  --bg-form: #111111;

  /* ---- Text ---- */
  --text-primary: #F0E6CC;
  --text-gold: #C9A84C;
  --text-muted: #7A7060;
  --text-white: #FFFFFF;

  /* ---- Borders ---- */
  --border-gold: rgba(201, 168, 76, 0.35);
  --border-subtle: rgba(255, 255, 255, 0.06);

  /* ---- Utility ---- */
  --red: #e93d3d;
  --black: #000000;
  --white: #ffffff;

  /* ---- Gradients ---- */
  --gradient-gold: linear-gradient(135deg, #F5E098 0%, #C9A84C 40%, #9A7530 100%);
  --gradient-gold-h: linear-gradient(90deg, #F5E098 0%, #C9A84C 50%, #9A7530 100%);
  --gradient-bg: linear-gradient(160deg, #0A0A0A 0%, #0F0D08 50%, #0A0A0A 100%);

  /* ---- Typography ---- */
  --font-headline: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-content: 'Jost', sans-serif;
  --font-form: 'Jost', sans-serif;

  /* ---- Spacing ---- */
  --section-max-width: 860px;
  --section-padding: 20px 0;
  --container-padding: 0 24px;

  /* ---- Radius ---- */
  --radius-pill: 100px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 50%;

  /* ---- Shadows ---- */
  --shadow-btn: 0 4px 24px rgba(201, 168, 76, 0.4), 0 0 8px rgba(228, 198, 112, 0.2);
  --shadow-card: 0 8px 40px rgba(0, 0, 0, 0.6);
  --shadow-input: 0 0 0 2px rgba(201, 168, 76, 0.3);
}