/*
Theme Name: Safarry - Wildlife & Safari Marketplace
Theme URI: https://safarry.com
Author: Safarry Team
Author URI: https://safarry.com
Description: Pixel-perfect, high-performance custom WordPress theme engineered for the Safarry Safari Marketplace.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: safarry
*/

:root {
  /* Safarry Brand Color System (From Stitch Style Guide) */
  --color-primary: #005C2B;          /* Forest Primary */
  --color-primary-hover: #004520;
  --color-primary-dark: #003819;     /* Deep Forest */
  --color-primary-light: #EAF6EE;    /* Soft Mint Tint */
  --color-primary-surface: #F0FAF4;  /* Ultra Light Surface */

  --color-accent-teal: #00B074;      /* Turquoise / Active Accent */
  --color-accent-gold: #F4A261;      /* Golden Sunset */
  --color-accent-amber: #BC6C25;     /* Terracotta Amber */

  /* Neutrals & Surfaces */
  --color-bg: #FAFAF8;              /* Soft Warm Off-White */
  --color-surface-pure: #FFFFFF;    /* Pure White Cards */
  --color-border: #EBEBEA;          /* Soft Earth Hairline */
  --color-border-hover: #D5D5D3;
  --color-divider: #F0F0EE;

  /* Typography Colors */
  --color-text-high: #191919;       /* Dark Charcoal for Titles */
  --color-text-body: #3F444A;       /* High Readability Body */
  --color-text-medium: #5E646A;     /* Secondary / Subtitles */
  --color-text-muted: #8C939B;      /* Light Meta Text */

  /* Functional */
  --color-success: #008744;
  --color-star: #FFB800;

  /* Typography Families (Stitch Design System: Hanken Grotesk & Inter) */
  --font-headline: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Hanken Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Spacing Scale (8px Base System) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Layout Container */
  --container-max: 1440px;

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Shadows (Tonal Layering from Stitch) */
  --shadow-subtle: 0 2px 8px rgba(0, 92, 43, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 12px 28px rgba(0, 0, 0, 0.09);
  --shadow-search: 0 12px 36px rgba(0, 92, 43, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-modal: 0 24px 48px rgba(0, 0, 0, 0.15);

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}