/* ========================================
   Sapphiro — CSS Variables
   Theme: Luxury Art Deco — Gold & Dark Brown
   Inspired by the brand logo: Est. 1932
   ======================================== */

:root {
    /* Brand Colors */
    --sp-gold: #C5A55A;
    --sp-gold-light: #D4B96A;
    --sp-gold-dark: #9E833C;
    --sp-brown-dark: #2A1F14;
    --sp-brown: #3D2E1E;
    --sp-brown-light: #5A4532;
    --sp-cream: #FAF8F5;
    --sp-cream-dark: #F0EBE3;

    /* Shop Theme (shared elements integration) */
    --shop-primary: #C5A55A;
    --shop-secondary: #9E833C;
    --shop-bg: #ffffff;
    --shop-background: #ffffff;
    --shop-text: #1a1a1a;
    --shop-heading-font: 'Playfair Display', 'Georgia', serif;
    --shop-body-font: 'Lato', 'Helvetica Neue', Arial, sans-serif;

    /* Derived */
    --shop-primary-light: #F5EFE0;
    --shop-promo: #C5393A;
    --shop-border: #E8E2D8;
    --shop-muted: #8A8070;
    --shop-text-muted: #8A8070;
    --shop-surface: #FAF8F5;
    --shop-radius: 4px;
    --shop-radius-sm: 2px;
    --shop-shadow: 0 2px 8px rgba(42, 31, 20, 0.06);
    --shop-shadow-lg: 0 12px 40px rgba(42, 31, 20, 0.12);
    --shop-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --shop-max-width: 1200px;

    /* Layout */
    --nav-height: 72px;
}