/**
 * QUEEN SAREE - DESIGN SYSTEM DESIGN TOKENS
 * Brand Concept: Affordable Luxury South Asian Saree Boutique
 * Matches Storefront & Admin Mockups precisely.
 */

:root {
  /* Brand Burgundy Palette */
  --color-burgundy-primary: #420507; /* Deep brand burgundy: header, sidebar, strong accents */
  --color-burgundy-wine:    #5F0B0F; /* Secondary burgundy: layered headers, selected states */
  --color-burgundy-accent:  #6C1013; /* Primary UI Accent: CTA buttons, active tabs */
  --color-burgundy-soft:    #8B2A2D; /* Soft burgundy: hover states, subtle emphasis */

  /* Antique Gold / Zari Palette */
  --color-gold-antique:     #A4805D; /* Primary antique gold: logo emblem, refined borders */
  --color-gold-champagne:   #C6A888; /* Light champagne: highlights, badges */
  --color-gold-warm-beige:  #DEBB9F; /* Warm gold beige: soft tonal backgrounds */
  --color-gold-metallic:    #D4AF37; /* Metallic foil accent */

  /* Backgrounds & Canvas Surfaces */
  --color-ivory-primary:    #F9F7F2; /* Warm ivory main background */
  --color-ivory-secondary:  #F1EADE; /* Alternate section background */
  --color-white:            #FFFFFF; /* Pure white cards, forms, modals */

  /* Typography Colors */
  --color-text-primary:     #1A1715; /* High-contrast editorial text, titles */
  --color-text-secondary:   #59524D; /* Descriptions, metadata */
  --color-text-muted:       #817970; /* Timestamps, subtle hints */
  --color-text-inverse:     #FFFFFF; /* White text on burgundy */
  --color-text-gold:        #A4805D; /* Gold typography accent */

  /* Borders & Dividers */
  --color-border-soft:      #E5DED4; /* Card borders, inputs */
  --color-border-subtle:    #EEE9E2; /* Subtle divider lines */
  --color-border-focus:     #6C1013; /* Active input border */

  /* Status Colors */
  --color-status-success:   #0F766E;
  --color-status-success-bg:#E6F4F1;
  --color-status-error:     #DC2626;
  --color-status-error-bg:  #FEE2E2;
  --color-status-warning:   #B7791F;
  --color-status-warning-bg:#FEF3C7;
  --color-status-info:      #2563EB;
  --color-status-info-bg:   #EFF6FF;

  /* Typography Families */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-bangla:  'Hind Siliguri', 'SolaimanLipi', -apple-system, sans-serif;

  /* Font Sizes */
  --text-xs:    0.75rem;   /* 12px */
  --text-sm:    0.875rem;  /* 14px */
  --text-base:  1rem;      /* 16px */
  --text-lg:    1.125rem;  /* 18px */
  --text-xl:    1.25rem;   /* 20px */
  --text-2xl:   1.5rem;    /* 24px */
  --text-3xl:   1.875rem;  /* 30px */
  --text-4xl:   2.25rem;   /* 36px */
  --text-5xl:   3rem;      /* 48px */

  /* Spacing Scale */
  --space-1:    0.25rem;   /* 4px */
  --space-2:    0.5rem;    /* 8px */
  --space-3:    0.75rem;   /* 12px */
  --space-4:    1rem;      /* 16px */
  --space-5:    1.25rem;   /* 20px */
  --space-6:    1.5rem;    /* 24px */
  --space-8:    2rem;      /* 32px */
  --space-10:   2.5rem;    /* 40px */
  --space-12:   3rem;      /* 48px */
  --space-16:   4rem;      /* 64px */

  /* Border Radii */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full:9999px;

  /* Shadows (Subtle, Restrained Boutique Elevation) */
  --shadow-sm:  0 1px 2px rgba(26, 23, 21, 0.04);
  --shadow-md:  0 4px 12px rgba(26, 23, 21, 0.06);
  --shadow-lg:  0 10px 25px rgba(26, 23, 21, 0.08);
  --shadow-card:0 2px 8px rgba(26, 23, 21, 0.05);

  /* Layout & Touch Constraints */
  --container-max-width: 1280px;
  --touch-target-min:    48px;
  --header-height-mobile:60px;
  --header-height-desktop:76px;
  --admin-sidebar-width: 250px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}