/* Serif font pro logo EK – luxusní, klasický styl (logo, nadpisy) */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');

/* Sans-serif font pro text "EQUI KINDLY" – moderní, čistý styl (logo text, UI, web) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');

/* Serif font pro logo EK – luxusní, klasický styl (logo, nadpisy) */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');

/* Sans-serif font pro text "EQUI KINDLY" – moderní, čistý styl (logo text, UI, web) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');

/* CSS Variables */
:root {
    --color-primary: #0c2a16;
    --color-secondary: #bdc3c7;
    --color-accent: #767a7c;
    --color-bg: #f5f9f5;
    --color-text: #ffffff;
    --color-text-dark: #5a6a5a;
    --color-border: #bdc3c7;
    --color-dark-green: #0c2a16;
    --color-light-green: #bdc3c7;
    --color-sage: #767a7c;
    --color-gray: #bdc3c7;
    --font-title: 'Cinzel', serif;
    --font-body: 'Montserrat', sans-serif;
    --transition-smooth: 0.3s ease-in-out;
    --color-navbar-bg: #f5f9f5;
    --color-navbar-text: #0c2a16;
    --color-navbar-hover: #bdc3c7;
}

/* Font Families */
.cinzel-regular {
  font-family: "Cinzel", serif;
  font-weight: 400;
  font-style: normal;
}

.cinzel-semibold {
  font-family: "Cinzel", serif;
  font-weight: 600;
  font-style: normal;
}

.cinzel-bold {
  font-family: "Cinzel", serif;
  font-weight: 700;
  font-style: normal;
}

.montserrat-light {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-medium {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.montserrat-semibold {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-bg);
    font-family: var(--font-body);
    font-weight: 400;
    min-height: 100vh;
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: color var(--transition-smooth);
}

/* Container */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #cc0400;
}

/* Responsive Typography */
@media (max-width: 768px) {
    .container {
        padding: 0 1.5rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 1rem;
    }
}