/**
 * ZOVANTE Luxury Theme: High-Fidelity Design Tokens
 * Synchronized Customer & Admin Branding
 */

:root {
    --font-size: 16px;

    /* Customer-Side Luxury E-Commerce Colors */
    --deep-black: #0A0A0A;
    --soft-ivory: #FAF8F3;
    --luxury-gold: #C7A14A;
    --charcoal: #1E1E1E;
    --grey-muted: #8A8A8A;
    --navy-blue: #001F3F;
    /* Luxury Navy */
    --header-bg: var(--navy-blue);
    --header-text: #FFFFFF;

    /* Admin Panel Colors (preserve for admin routes) */
    --luxury-black: #0B0B0B;
    --ivory: #F5F1E8;
    --muted-gold: #C9A24D;
    --success: #1F8A5B;
    --danger: #B02A37;

    /* Base colors - Customer Side (Light Theme) */
    --background: #FAF8F3;
    --foreground: #1E1E1E;
    --card: #FFFFFF;
    --card-foreground: #1E1E1E;
    --popover: #FFFFFF;
    --popover-foreground: #1E1E1E;
    --primary: #C7A14A;
    --primary-foreground: #FAF8F3;
    --secondary: #F5F1E8;
    --secondary-foreground: #1E1E1E;
    --muted: #F5F1E8;
    --muted-foreground: #8A8A8A;
    --accent: #C7A14A;
    --accent-foreground: #0A0A0A;
    --destructive: #B02A37;
    --destructive-foreground: #FAF8F3;
    --border: rgba(30, 30, 30, 0.1);
    --input: rgba(30, 30, 30, 0.1);
    --input-background: #FFFFFF;
    --switch-background: #E5E5E5;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --ring: #C7A14A;
    --chart-1: #C7A14A;
    --chart-2: #1F8A5B;
    --chart-3: #B02A37;
    --chart-4: #8B7355;
    --chart-5: #5A5A5A;
    --radius: 0.75rem;
    --sidebar: #FAF8F3;
    --sidebar-foreground: #1E1E1E;
    --sidebar-primary: #C7A14A;
    --sidebar-primary-foreground: #FAF8F3;
    --sidebar-accent: #F5F1E8;
    --sidebar-accent-foreground: #1E1E1E;
    --sidebar-border: rgba(30, 30, 30, 0.1);
    --sidebar-ring: #C7A14A;

    /* Font Families */
    --font-playfair: 'Playfair Display', serif;
    --font-inter: 'Inter', sans-serif;
}

/* Admin Panel Dark Theme */
.admin-theme {
    --background: #0B0B0B;
    --foreground: #F5F1E8;
    --card: #1A1A1A;
    --card-foreground: #F5F1E8;
    --popover: #1A1A1A;
    --popover-foreground: #F5F1E8;
    --primary: #C9A24D;
    --primary-foreground: #0B0B0B;
    --secondary: #2A2A2A;
    --secondary-foreground: #F5F1E8;
    --muted: #2A2A2A;
    --muted-foreground: #9A9A9A;
    --accent: #C9A24D;
    --accent-foreground: #0B0B0B;
    --destructive: #B02A37;
    --destructive-foreground: #F5F1E8;
    --border: rgba(245, 241, 232, 0.1);
    --input: rgba(245, 241, 232, 0.1);
    --input-background: #1A1A1A;
    --switch-background: #2A2A2A;
    --ring: #C9A24D;
    --sidebar: #0B0B0B;
    --sidebar-foreground: #F5F1E8;
    --sidebar-primary: #C9A24D;
    --sidebar-primary-foreground: #0B0B0B;
    --sidebar-accent: #1A1A1A;
    --sidebar-accent-foreground: #F5F1E8;
    --sidebar-border: rgba(245, 241, 232, 0.1);
    --sidebar-ring: #C9A24D;
}

.font-playfair {
    font-family: var(--font-playfair);
}

.font-inter {
    font-family: var(--font-inter);
}