/* 
   KPGC Ventures Ahilyanagar Design System Variables
*/

:root {
    /* Color Palette */
    --color-primary-dark: #0d0d0d;       /* Deep obsidian black */
    --color-secondary-dark: #191919;     /* Deep charcoal card backgrounds */
    --color-black-pure: #000000;
    
    --color-primary-light: #ffffff;      /* Pure white */
    --color-bg-main: #f3f4f6;            /* Premium light grey main background */
    --color-bg-warm: #e9ecef;            /* Clean light grey section background */
    --color-bg-warm-secondary: #dee2e6;  /* Neutral mid-grey background */
    
    /* Luxury Gold/Bronze Accent Tones */
    --color-accent-gold: #c5a059;        /* Sophisticated classic gold */
    --color-accent-gold-hover: #d6b574;  /* Lighter gold for hover states */
    --color-accent-gold-dark: #9c7a3c;   /* Rich burnished gold */
    --color-accent-gold-light: #f5f0e6;  /* Soft tinted gold backdrop */

    /* Typography Text Colors */
    --color-text-dark-primary: #1a1a1a;  /* Charcoal black for readability */
    --color-text-dark-secondary: #5a5a5a;/* Muted text on light bg */
    --color-text-light-primary: #ffffff; /* Contrast text on dark bg */
    --color-text-light-secondary: #b5b5b5;/* Muted text on dark bg */
    
    /* Borders & Accents */
    --color-border-light: #e2e8f0;
    --color-border-dark: #2a2a2a;
    --color-overlay-dark: rgba(0, 0, 0, 0.45);
    --color-overlay-darker: rgba(0, 0, 0, 0.7);
    --color-overlay-light: rgba(255, 255, 255, 0.85);

    /* Fonts (Imported in CSS main) */
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing & Layout */
    --spacing-xs: 0.25rem;  /* 4px */
    --spacing-sm: 0.5rem;   /* 8px */
    --spacing-md: 1rem;     /* 16px */
    --spacing-lg: 1.5rem;   /* 24px */
    --spacing-xl: 2.5rem;   /* 40px */
    --spacing-xxl: 5rem;    /* 80px */
    
    --container-max-width: 1320px;
    --navbar-height: 80px;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.35s ease;
    --transition-slow: 0.55s cubic-bezier(0.16, 1, 0.3, 1); /* Elegant iOS-style curve */
    
    /* Shadow & Effects */
    --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
    --shadow-luxury: 0 15px 45px rgba(0, 0, 0, 0.08);
    --shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.15);
    
    /* Border Radius */
    --radius-none: 0px; /* Rigid sharp corners fit luxury real estate branding better */
    --radius-sm: 2px;
    --radius-md: 4px;
}