/* ==========================================================================
   DESIGN TOKENS & CSS VARIABLES
   dogaakcayoz.com - Uzman Diyetisyen Doğa Akçayöz
   ========================================================================== */

:root {
  /* Color Palette - Premium Earthy Olive & Natural Clinic Luxury */
  --color-primary: #3C4A3E;        /* Deep Olive Green */
  --color-primary-dark: #2D392F;   /* Darker Olive for hover/active */
  --color-primary-light: #5A6D56;  /* Soft Sage / Mid Olive */
  --color-primary-subtle: #EDF2EB; /* Very light olive tint background */
  --color-primary-border: #D4DFD2; /* Border tint */

  --color-accent: #C5A880;         /* Warm Gold / Sand Accent */
  --color-accent-dark: #9F835D;    /* Darker Gold */
  --color-accent-light: #F7F3EC;   /* Pale Gold Tint */

  --color-bg-main: #FBF9F5;        /* Warm Ivory / Off-White background */
  --color-bg-card: #FFFFFF;        /* Crisp White card background */
  --color-bg-alt: #F4F0E8;         /* Warm Cream background */
  --color-bg-dark: #2E3A30;        /* Deep Forest / Olive for Footer */

  --color-text-title: #1E251F;     /* Charcoal Dark Forest */
  --color-text-body: #4A554C;      /* Muted Forest Body text */
  --color-text-muted: #738075;     /* Lighter gray-green for small text */
  --color-text-light: #FBF9F5;     /* Off-white text on dark backgrounds */

  --color-border: #E8E3D9;         /* Neutral warm border */
  --color-border-focus: #3C4A3E;

  /* Typography */
  --font-serif: 'Playfair Display', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-script: 'Caveat', cursive, sans-serif;

  /* Font Sizes */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.25rem;     /* 20px */
  --text-2xl: 1.5rem;     /* 24px */
  --text-3xl: 1.875rem;   /* 30px */
  --text-4xl: 2.25rem;    /* 36px */
  --text-5xl: 3rem;       /* 48px */
  --text-6xl: 3.75rem;    /* 60px */

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4.5rem;
  --spacing-4xl: 6rem;

  /* Shadows */
  --shadow-sm: 0 2px 6px rgba(45, 57, 47, 0.04);
  --shadow-md: 0 4px 14px rgba(45, 57, 47, 0.07);
  --shadow-lg: 0 10px 30px rgba(45, 57, 47, 0.09);
  --shadow-xl: 0 20px 40px rgba(45, 57, 47, 0.12);
  --shadow-card-hover: 0 16px 36px rgba(45, 57, 47, 0.11);

  /* Border Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.18s ease;
  --transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Container */
  --container-max: 1240px;
  --header-height: 80px;
}