/* ============================================
   REKA — Design Tokens (v2 Advanced)
   ============================================ */

:root {
  --color-primary: #05b772;
  --color-primary-hover: #049e65;
  --color-primary-light: rgba(5, 183, 114, 0.1);
  --color-primary-glow: rgba(5, 183, 114, 0.35);
  --color-dark: #0f1419;
  --color-dark-soft: #1a2128;
  --color-dark-secondary: #111820;
  --color-text: #0f1419;
  --color-text-secondary: #5c6670;
  --color-text-muted: #8b95a1;
  --color-white: #ffffff;
  --color-bg: #f4f6f8;
  --color-bg-elevated: #ffffff;
  --color-border: rgba(15, 20, 25, 0.08);
  --color-border-strong: rgba(15, 20, 25, 0.14);
  --color-border-dark: rgba(255, 255, 255, 0.08);
  --color-ivonka: #b8956c;
  --color-ivonka-bg: #f9f5f0;
  --color-whatsapp: #25d366;
  --gradient-hero: linear-gradient(135deg, rgba(5, 183, 114, 0.92) 0%, rgba(15, 20, 25, 0.88) 100%);
  --gradient-dark: linear-gradient(160deg, #0f1419 0%, #1a2836 100%);
  --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
  --gradient-mesh: radial-gradient(at 20% 30%, rgba(5,183,114,0.15) 0%, transparent 50%),
                   radial-gradient(at 80% 70%, rgba(5,183,114,0.08) 0%, transparent 50%);
  --font-display: "Playfair Display", "Times New Roman", Times, serif;
  --font-body: "Times New Roman", Times, serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2.25rem;
  --font-size-4xl: 3rem;
  --font-size-5xl: 4rem;
  --line-height: 1.65;
  --line-height-tight: 1.15;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --container-max: 1280px;
  --container-narrow: 760px;
  --header-height: 84px;
  --marquee-height: 40px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(15, 20, 25, 0.04);
  --shadow-sm: 0 4px 16px rgba(15, 20, 25, 0.06);
  --shadow-md: 0 12px 40px rgba(15, 20, 25, 0.08);
  --shadow-lg: 0 24px 64px rgba(15, 20, 25, 0.12);
  --shadow-glow: 0 0 40px var(--color-primary-glow);
  --shadow-card-hover: 0 20px 50px rgba(5, 183, 114, 0.12);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}