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

:root {
  /* Backgrounds */
  --bg-primary:       #1A1512;
  --bg-secondary:     #221c0e;
  --bg-card:          #2A2A2A;
  --bg-glass:         rgba(26, 20, 8, 0.35);
  --bg-glass-strong:  rgba(26, 20, 8, 0.75);

  /* Accents */
  --accent-orange:    #F4A261;
  --accent-gold:      #c9952a;
  --accent-amber:     #803B04;

  /* Text */
  --text-primary:     #F5E6CC;
  --text-secondary:   #FAF3E8;
  --text-white:       #F8F8F8;
  --text-muted:       #6b5c48;

  /* Borders */
  --border-color:     #302C20;
  --border-glass:     rgba(255, 255, 255, 0.06);
  --border-amber:     rgba(201, 149, 42, 0.15);

  /* Gradients */
  --gradient-amber:   linear-gradient(135deg, #c97a20 0%, #8b4e10 100%);
  --gradient-overlay: linear-gradient(160deg, rgba(26,20,8,0.30) 0%, rgba(26,20,8,0.65) 40%, rgba(26,20,8,0.96) 100%);

  /* Typography */
  --font-heading:     'Sora', sans-serif;
  --font-body:        'Inter', sans-serif;

  /* Radius */
  --radius-sm:        8px;
  --radius-md:        12px;
  --radius-lg:        20px;
  --radius-xl:        28px;
  --radius-full:      100px;

  /* Layout */
  --max-width:        1200px;
  --section-py:       80px;
}