/* ============================================================
   AlphaEdge Investment — CSS VARIABLES (variables.css)
   Edit color values here to retheme the entire site instantly
   ============================================================ */
:root {
    --primary-bg:       #1a1a1a;
    --secondary-bg:     #222222;
    --surface-bg:       #2a2a2a;
    --header-bg:        #1a1a1a;
    --footer-bg:        #111111;

    --accent-gold:      #C9A84C;
    --accent-gold-lt:   #E2C068;
    --accent-gold-dk:   #A8882E;
    --accent-gold-10:   rgba(201,168,76,0.10);
    --accent-gold-20:   rgba(201,168,76,0.20);

    --text-primary:     #FFFFFF;
    --text-secondary:   #CCCCCC;
    --text-muted:       #999999;

    --border-color:     #333333;
    --border-gold:      rgba(201,168,76,0.35);

    --btn-primary-bg:   #C9A84C;
    --btn-primary-txt:  #111111;

    --font-heading:     'Playfair Display', serif;
    --font-body:        'DM Sans', sans-serif;

    --fs-xs:    0.75rem;
    --fs-sm:    0.875rem;
    --fs-base:  1rem;
    --fs-md:    1.125rem;
    --fs-lg:    1.25rem;
    --fs-xl:    1.5rem;
    --fs-2xl:   2rem;
    --fs-hero:  clamp(2.2rem, 5vw, 4rem);

    --section-py:   6rem;
    --card-p:       2rem;
    --border-r:     0.5rem;
    --border-r-lg:  1rem;

    --shadow-sm:    0 2px 8px rgba(0,0,0,0.4);
    --shadow-md:    0 8px 24px rgba(0,0,0,0.5);
    --shadow-gold:  0 4px 20px rgba(201,168,76,0.2);
    --transition:   all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    --header-h:     80px;
}