/* =============================================================================
   VARIABLES — Colors, spacing, typography, transitions
   Edit this file to change the entire site theme.
   ============================================================================= */

:root {
    /* --- Brand Colors --- */
    --ac-primary:       #1a1a2e;   /* Dark navy — header, footer bg, buttons */
    --ac-accent:        #e8c547;   /* Gold/yellow — search button, badges, CTAs */
    --ac-accent-dark:   #c9a828;   /* Darker accent for hover */

    /* --- UI Colors --- */
    --ac-white:         #ffffff;
    --ac-site-bg:       #f0ede8;   /* Warm beige — page background */
    --ac-light:         #f7f8fc;
    --ac-border:        #e2e6ea;
    --ac-text:          #2d3748;   /* Body text */
    --ac-muted:         #6b7280;   /* Secondary text */
    --ac-dark:          #111111;

    /* --- Status Colors --- */
    --ac-success:       #22c55e;
    --ac-warning:       #f59e0b;
    --ac-danger:        #ef4444;
    --ac-whatsapp:      #25D366;

    /* --- Spacing & Shape --- */
    --ac-radius:        8px;
    --ac-radius-lg:     16px;
    --ac-shadow:        0 2px 16px rgba(0,0,0,.07);
    --ac-shadow-lg:     0 8px 40px rgba(0,0,0,.13);
    --ac-transition:    .22s ease;

    /* --- Layout --- */
    --ac-container:     1280px;
    --ac-header-h:      72px;
    --ac-site-bg:       #f0ede8;
}