/*
Theme Name: OkaneGroup Theme
Theme URI: https://okanegroup.eu
Author: FrancoGlobal
Author URI: https://francoglobal.es
Description: Luxury real estate theme for OKANE Group — Ibiza premium properties. Dark elegance with warm cream palette, GSAP animations, Lenis smooth scroll, and modular architecture.
Version: 3.8.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://okanegroup.eu
Text Domain: okanegroup
Tags: luxury, real-estate, dark, custom-header, custom-logo, featured-images

═══════════════════════════════════════════════
  OKANE GROUP THEME v1.0.0
  Built by FrancoGlobal.es
  
  CSS Architecture:
  ─────────────────
  style.css .............. Theme declaration + CSS variables
  assets/css/base.css .... Resets, typography, global elements
  assets/css/components.css Buttons, cards, chips, badges, forms
  assets/css/layout.css .. Sections, grid, responsive breakpoints
  assets/css/effects.css . GSAP initial states, transitions, parallax
  assets/css/popups.css .. Search modal + contact popup
═══════════════════════════════════════════════
*/

/* ═══ CSS CUSTOM PROPERTIES ═══ */
:root {
  /* ── Dark palette ── */
  --ok-dark: #1a1714;
  --ok-dark-mid: #201d18;
  --ok-dark-light: #2a2520;
  --ok-dark-surface: #262220;
  --ok-dark-btn: #2A2725;

  /* ── Warm cream palette ── */
  --ok-cream: #e1d8cb;
  --ok-cream-80: rgba(225, 216, 203, 0.8);
  --ok-cream-60: rgba(225, 216, 203, 0.6);
  --ok-cream-40: rgba(225, 216, 203, 0.4);
  --ok-cream-30: rgba(225, 216, 203, 0.3);
  --ok-cream-15: rgba(225, 216, 203, 0.15);
  --ok-cream-08: rgba(225, 216, 203, 0.08);

  /* ── Neutrals ── */
  --ok-white: #ffffff;
  --ok-off-white: #f8f6f3;
  --ok-beige-light: #ece6dd;
  --ok-beige-mid: #d4c9b8;
  --ok-gray-warm: #9a9088;
  --ok-gray-text: #6b635b;
  --ok-text-dark: #1a1714;

  /* ── Button surface ── */
  --ok-btn-light: #F4EFE7;
  --ok-btn-hover-text: #A79D8E;

  /* ── Typography ── */
  --ok-font-primary: 'Host Grotesk', sans-serif;
  --ok-font-display: 'Montserrat', sans-serif;

  /* ── Spacing & Sizing ── */
  --ok-radius: 6px;
  --ok-radius-lg: 16px;
  --ok-radius-pill: 30px;
  --ok-navbar-h: 64px;
  --ok-gutter: clamp(20px, 4vw, 64px);

  /* ── Motion ── */
  --ok-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ok-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --ok-transition-fast: 0.2s ease;

  /* ── Z-index scale ── */
  --z-base: 1;
  --z-sticky: 100;
  --z-navbar: 1000;
  --z-overlay: 9999;
  --z-loader: 10000;
}