/* Explain: Theme tokens for colors, fonts, and spacing, defining the visual identity. */
:root {
    --primary-color: #1E4536;
    --primary-hover: #163528;
    --secondary-color: #14342A;
    --accent-color: #C9A227;
    --accent-hover: #B08D1E;
    --accent-ink: #8A6D12;
    --accent-soft: rgba(201, 162, 39, 0.22);
    --accent-glow: rgba(201, 162, 39, 0.5);
    --accent-deep: #16291F;
    --on-accent: #16291F;
    --cream-color: #F6F1E3;
    --cream-muted: rgba(246, 241, 227, 0.82);
    --heading-on-dark: #EAD9AF;
    --soft-green: #E4EBDD;
    --button-color: #8BC34A;
    --button-hover: #7CB342;
    --button-text-color: #16291F;
    --heading-color: #1E4536;
    --background-color: #F6F1E3;
    --surface-color: #FBF8F0;
    --surface-strong: #FFFFFF;
    --footer-bg: #14342A;
    --text-color: #2A3B33;
    --text-muted: #5A6B60;
    --border-color: rgba(30, 69, 54, 0.14);
    --border-strong: rgba(30, 69, 54, 0.24);
    --glass-bg: #FFFFFF;
    --glass-border: rgba(30, 69, 54, 0.14);
    --nav-bg: rgba(30, 69, 54, 0.92);
    --field-bg: #FFFFFF;
    --shadow-soft: 0 24px 50px -32px rgba(20, 52, 42, 0.4);
    --shadow-button: 0 14px 30px -14px rgba(139, 195, 74, 0.5);
    --font-heading: 'Manrope', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-logo: 'Manrope', sans-serif;
    --logo-color: #1E4536;
    --logo-subtitle-color: #8A6D12;
    --leaf-pattern-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23F6F1E3' stroke-opacity='0.08' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 40 C 34 64 34 98 60 122 C 86 98 86 64 60 40 Z'/%3E%3Cpath d='M60 42 L 60 120'/%3E%3Cpath d='M60 62 L 44 52'/%3E%3Cpath d='M60 78 L 44 68'/%3E%3Cpath d='M60 62 L 76 52'/%3E%3Cpath d='M60 78 L 76 68'/%3E%3Cpath d='M170 128 C 144 152 144 186 170 210 C 196 186 196 152 170 128 Z'/%3E%3Cpath d='M170 130 L 170 208'/%3E%3Cpath d='M170 150 L 154 140'/%3E%3Cpath d='M170 166 L 154 156'/%3E%3Cpath d='M170 150 L 186 140'/%3E%3Cpath d='M170 166 L 186 156'/%3E%3C/g%3E%3C/svg%3E");
}

/* По-едра типография за смелия контрастен дизайн */
:root:root {
    --text-xs: 0.875rem;
    --text-sm: 0.9375rem;
    --text-base: 1.0625rem;
    --text-lg: 1.1875rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.625rem;
    --text-3xl: 2rem;
    --text-4xl: 2.5rem;
    --text-5xl: 3.25rem;
    --text-6xl: 4rem;
    --text-7xl: 5rem;
    --text-8xl: 6.5rem;
    --text-9xl: 8rem;
}