/* =============================================
   Mias Çiftliği – Design Tokens
   ============================================= */

:root {
  /* ─── Primary Colors ─── */
  --olive-dark: #3D5A1E;
  --olive: #556B2F;
  --olive-light: #6B8E23;
  --olive-pale: #8FA85A;

  /* ─── Earth Tones ─── */
  --earth-dark: #5C4033;
  --earth: #8B7355;
  --earth-light: #D2B48C;
  --earth-pale: #E8D5B7;

  /* ─── Honey / Gold ─── */
  --honey-dark: #B8860B;
  --honey: #DAA520;
  --honey-light: #F4A460;
  --honey-pale: #FFE4B5;

  /* ─── Cream / Neutral ─── */
  --cream: #FFF8DC;
  --cream-warm: #FAEBD7;
  --cream-light: #FFFDF5;
  --white: #FFFFFF;

  /* ─── Accent & UI ─── */
  --text-dark: #2C2418;
  --text-body: #4A3F35;
  --text-muted: #7A6F63;
  --text-light: #B8AFA5;
  --border: rgba(139, 115, 85, 0.15);
  --overlay: rgba(44, 36, 24, 0.6);
  --success: #4CAF50;
  --error: #E74C3C;

  /* ─── Section Backgrounds ─── */
  --bg-zeytin: linear-gradient(135deg, #3D5A1E 0%, #556B2F 40%, #6B8E23 100%);
  --bg-zeytinyagi: linear-gradient(135deg, #B8860B 0%, #DAA520 40%, #F4A460 100%);
  --bg-bal: linear-gradient(135deg, #DAA520 0%, #F4A460 40%, #FFE4B5 100%);
  --bg-yumurta: linear-gradient(135deg, #FAEBD7 0%, #FFF8DC 40%, #FFFDF5 100%);
  --bg-kucukbas: linear-gradient(135deg, #8B7355 0%, #D2B48C 40%, #E8D5B7 100%);

  /* ─── Typography ─── */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-accent: 'Playfair Display', Georgia, serif;

  --fs-hero: clamp(2.5rem, 5vw, 4.5rem);
  --fs-h1: clamp(2rem, 4vw, 3.5rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
  --fs-body: clamp(1rem, 1.2vw, 1.125rem);
  --fs-small: clamp(0.875rem, 1vw, 1rem);
  --fs-xs: 0.75rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* ─── Spacing ─── */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 4rem;     /* 64px */
  --space-4xl: 6rem;     /* 96px */
  --space-section: 8rem; /* 128px */

  /* ─── Border Radius ─── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --radius-circle: 50%;

  /* ─── Shadows ─── */
  --shadow-sm: 0 2px 8px rgba(44, 36, 24, 0.08);
  --shadow-md: 0 4px 16px rgba(44, 36, 24, 0.12);
  --shadow-lg: 0 8px 32px rgba(44, 36, 24, 0.16);
  --shadow-xl: 0 16px 48px rgba(44, 36, 24, 0.2);
  --shadow-glow: 0 0 30px rgba(218, 165, 32, 0.2);

  /* ─── Transitions ─── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 200ms;
  --duration-normal: 350ms;
  --duration-slow: 600ms;

  /* ─── Z-Index ─── */
  --z-base: 1;
  --z-content: 10;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;

  /* ─── Layout ─── */
  --container-max: 1280px;
  --container-wide: 1440px;
  --nav-height: 72px;
  --icon-bar-height: 56px;
}