/* ========================================
   Krish Diamonds — CSS Variables
   Royal blue + silver luxury theme
   ======================================== */

:root {
    /* ── Brand Colours ── */
    --shop-primary:            #143a8a;
    --shop-primary-dark:       #0a2565;
    --shop-primary-light:      #2a5bc7;
    --shop-primary-ultra-light:#eaf0fb;
    --shop-secondary:          #b0b7c3;   /* silver */
    --shop-secondary-dark:     #7f8794;
    --shop-accent:             #c9a449;   /* subtle gold for details */
    --shop-bg:                 #ffffff;
    --shop-background:         #ffffff;
    --shop-surface:            #f5f7fc;
    --shop-text:               #0b1a3a;
    --shop-promo:              #c9a449;
    --shop-muted:              #6b7894;
    --shop-text-muted:         #6b7894;
    --shop-border:             #e4e8f1;

    /* ── Typography ── */
    --shop-heading-font: 'Cinzel', 'Cormorant Garamond', 'Georgia', serif;
    --shop-body-font:    'Montserrat', 'Helvetica Neue', sans-serif;

    /* ── Sizing / Radius ── */
    --shop-radius:       12px;
    --shop-radius-sm:    8px;
    --shop-radius-lg:    20px;
    --shop-max-width:    1240px;

    /* ── Shadows ── */
    --shop-shadow:       0 2px 10px rgba(11,26,58,0.06);
    --shop-shadow-md:    0 8px 24px rgba(11,26,58,0.09);
    --shop-shadow-lg:    0 20px 48px rgba(11,26,58,0.14);

    /* ── Transitions ── */
    --shop-transition:       0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --shop-transition-slow:  0.6s cubic-bezier(0.4, 0, 0.2, 1);

    /* ── Shared-element compat aliases ── */
    --color-primary:     var(--shop-primary);
    --color-white:       #FFFFFF;
    --color-black:       #0b1a3a;
    --color-gray-lighter:#E4E8F1;
    --color-gray-dark:   #6b7894;
    --radius-lg:         var(--shop-radius-lg);
    --spacing-xs:        0.4rem;
    --spacing-sm:        0.75rem;
    --spacing-md:        1rem;
    --spacing-lg:        1.5rem;
    --spacing-xl:        2rem;
    --shadow-lg:         var(--shop-shadow-lg);
    --transition-base:   var(--shop-transition);
    --transition-fast:   0.2s ease;
}