/* ==========================================================
   ARMENIA CRYSTAL
   Design System v1.0
   variables.css
========================================================== */

/* ----------------------------------------------------------
   COLORS
---------------------------------------------------------- */

:root {

    /* Background */
    --color-bg: #050505;
    --color-bg-secondary: #101010;
    --color-bg-card: #181818;
    --color-bg-hover: #202020;

    /* Text */
    --color-white: #F5F5F3;
    --color-light: #D7D7D7;
    --color-gray: #9B9B9B;
    --color-muted: #6E6E6E;

    /* Luxury Gold */
    --color-gold: #C8A45D;
    --color-gold-light: #E5C27A;
    --color-gold-dark: #A8843B;

    /* Border */
    --color-border: rgba(255,255,255,.08);
    --color-border-light: rgba(255,255,255,.16);

    /* Shadows */
    --shadow-small: 0 10px 25px rgba(0,0,0,.25);
    --shadow-medium: 0 20px 60px rgba(0,0,0,.35);
    --shadow-large: 0 40px 120px rgba(0,0,0,.50);

    /* Glow */
    --gold-glow: 0 0 35px rgba(200,164,93,.18);

    /* Radius */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-round: 999px;

    /* Layout */
    --container-width: 1440px;
    --section-width: 1280px;
    --card-width: 380px;

    /* Header */
    --header-height: 90px;

    /* Z-index */
    --z-header: 1000;
    --z-dropdown: 1100;
    --z-modal: 2000;
    --z-loader: 5000;

    /* Animation */
    --transition-fast: .20s ease;
    --transition-normal: .35s ease;
    --transition-slow: .60s ease;

    /* Blur */
    --blur-light: blur(12px);
    --blur-heavy: blur(25px);

}

/* ----------------------------------------------------------
   SPACING
---------------------------------------------------------- */

:root{

    --space-2:2px;
    --space-4:4px;
    --space-8:8px;
    --space-12:12px;
    --space-16:16px;
    --space-20:20px;
    --space-24:24px;
    --space-32:32px;
    --space-40:40px;
    --space-48:48px;
    --space-64:64px;
    --space-80:80px;
    --space-96:96px;
    --space-120:120px;
    --space-160:160px;

}

/* ----------------------------------------------------------
   TYPOGRAPHY
---------------------------------------------------------- */

:root{

    /* Fonts */

    --font-title: "Cormorant Garamond", serif;
    --font-body: "Inter", sans-serif;
    --font-display: "Cinzel", serif;

    /* Sizes */

    --text-xs:12px;
    --text-sm:14px;
    --text-md:16px;
    --text-lg:18px;
    --text-xl:22px;
    --text-2xl:28px;
    --text-3xl:40px;
    --text-4xl:56px;
    --text-5xl:72px;

    /* Weight */

    --weight-light:300;
    --weight-regular:400;
    --weight-medium:500;
    --weight-semibold:600;
    --weight-bold:700;

    /* Line Height */

    --lh-tight:1.1;
    --lh-normal:1.5;
    --lh-relaxed:1.8;

}

/* ----------------------------------------------------------
   BUTTONS
---------------------------------------------------------- */

:root{

    --button-height:56px;
    --button-radius:999px;

}

/* ----------------------------------------------------------
   IMAGES
---------------------------------------------------------- */

:root{

    --image-radius:24px;
    --card-image-height:500px;

}

/* ----------------------------------------------------------
   RESPONSIVE BREAKPOINTS
---------------------------------------------------------- */

:root{

    --desktop-xl:1600px;
    --desktop:1440px;
    --laptop:1280px;
    --tablet:1024px;
    --mobile:768px;
    --mobile-small:480px;

}

/* =========================================================
   CLICKABLE GOOGLE MAPS
========================================================= */
.google-map-link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.google-map-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.open-google-map {
    display: inline-block;
    margin-top: 18px;
    color: #d4af37;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: .16em;
}