/**
 * Nutro7 Child Theme — Design Tokens & CSS Custom Properties
 * Direction: Premium Natural + Modern Wellness
 *
 * @package Nutro7
 * @version 1.0.0
 */

:root {
	/* ==========================================================================
	   Color Palette — Botanical Wellness & Modern Cleanliness
	   ========================================================================== */

	/* Primary Brand (Botanical Forest Greens) */
	--n7-color-primary: #1A3026;
	--n7-color-primary-dark: #0E1C15;
	--n7-color-primary-light: #264436;
	--n7-color-primary-hover: #223D31;

	/* Accent & Botanical Sage */
	--n7-color-accent: #4E7C59;
	--n7-color-accent-hover: #3E6347;
	--n7-color-accent-light: #EBF2ED;
	--n7-color-accent-soft: #D7E4DB;

	/* Quality & Trust Accents (Warm Natural Gold / Amber) */
	--n7-color-gold: #B88E4B;
	--n7-color-gold-hover: #9E773A;
	--n7-color-gold-light: #FAF4E9;

	/* Backgrounds & Surfaces (Warm Natural White / Alabaster) */
	--n7-color-bg: #FAF8F5;
	--n7-color-surface: #FFFFFF;
	--n7-color-surface-subtle: #F4EFEA;
	--n7-color-surface-muted: #EBE5DC;

	/* Typography & Content Colors (High Contrast Legibility) */
	--n7-color-text-primary: #181C19;
	--n7-color-text-secondary: #4A524C;
	--n7-color-text-muted: #79827B;
	--n7-color-text-inverse: #FFFFFF;

	/* Functional & Status */
	--n7-color-success: #2E7D32;
	--n7-color-success-bg: #E8F5E9;
	--n7-color-sale: #C2410C;
	--n7-color-sale-bg: #FFF7ED;
	--n7-color-error: #D32F2F;

	/* Borders & Dividers */
	--n7-color-border: #E5E0D7;
	--n7-color-border-subtle: #EFECE6;
	--n7-color-border-dark: #C8C2B7;

	/* ==========================================================================
	   Typography — Primary Sans & Editorial Serif
	   ========================================================================== */
	--n7-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--n7-font-serif: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	/* Font Weights */
	--n7-font-weight-regular: 400;
	--n7-font-weight-medium: 500;
	--n7-font-weight-semibold: 600;
	--n7-font-weight-bold: 600;

	/* Normal Standard Font Sizes (Clean, Compact, Normal Web Scale) */
	--n7-text-xs: 11px;
	--n7-text-sm: 12px;
	--n7-text-base: 14px;
	--n7-text-md: 15px;
	--n7-text-lg: 16px;
	--n7-text-xl: 17.5px;
	--n7-text-2xl: 19px;
	--n7-text-3xl: 21px;
	--n7-text-4xl: 24px;

	/* Line Heights */
	--n7-leading-tight: 1.25;
	--n7-leading-snug: 1.35;
	--n7-leading-normal: 1.55;
	--n7-leading-relaxed: 1.65;

	/* Letter Spacing */
	--n7-tracking-tight: 0em;
	--n7-tracking-normal: 0em;
	--n7-tracking-wide: 0.02em;
	--n7-tracking-wider: 0.04em;

	/* ==========================================================================
	   Spacing & Layout Scale (4px / 8px Grid)
	   ========================================================================== */
	--n7-space-1: 0.25rem;  /* 4px */
	--n7-space-2: 0.5rem;   /* 8px */
	--n7-space-3: 0.75rem;  /* 12px */
	--n7-space-4: 1rem;     /* 16px */
	--n7-space-5: 1.25rem;  /* 20px */
	--n7-space-6: 1.5rem;   /* 24px */
	--n7-space-8: 2rem;     /* 32px */
	--n7-space-10: 2.5rem;  /* 40px */
	--n7-space-12: 3rem;    /* 48px */
	--n7-space-16: 4rem;    /* 64px */
	--n7-space-20: 5rem;    /* 80px */
	--n7-space-24: 6rem;    /* 96px */

	/* Containers */
	--n7-container-max: 1320px;
	--n7-container-narrow: 960px;
	--n7-container-pad: clamp(1rem, 0.75rem + 1.25vw, 2rem);

	/* ==========================================================================
	   Elevation & Shadows (Soft Organic Ambient)
	   ========================================================================== */
	--n7-shadow-xs: 0 1px 2px rgba(14, 28, 21, 0.04);
	--n7-shadow-sm: 0 2px 6px rgba(14, 28, 21, 0.06);
	--n7-shadow-md: 0 6px 18px rgba(14, 28, 21, 0.08);
	--n7-shadow-lg: 0 12px 32px rgba(14, 28, 21, 0.10);
	--n7-shadow-card: 0 4px 16px rgba(14, 28, 21, 0.05);
	--n7-shadow-drawer: -8px 0 28px rgba(14, 28, 21, 0.12);

	/* ==========================================================================
	   Border Radius
	   ========================================================================== */
	--n7-radius-xs: 4px;
	--n7-radius-sm: 6px;
	--n7-radius-md: 10px;
	--n7-radius-lg: 16px;
	--n7-radius-xl: 24px;
	--n7-radius-full: 9999px;

	/* ==========================================================================
	   Transitions (Subtle, Snappy, Apple-Grade Ease)
	   ========================================================================== */
	--n7-ease-standard: cubic-bezier(0.2, 0.0, 0.0, 1.0);
	--n7-ease-out: cubic-bezier(0.0, 0.0, 0.2, 1.0);
	--n7-transition-fast: 150ms var(--n7-ease-standard);
	--n7-transition-base: 250ms var(--n7-ease-standard);
	--n7-transition-slow: 400ms var(--n7-ease-standard);

	/* Z-Index Hierarchy */
	--n7-z-announcement: 100;
	--n7-z-header: 200;
	--n7-z-drawer-backdrop: 900;
	--n7-z-drawer: 1000;
	--n7-z-modal: 1100;
	--n7-z-toast: 1200;
}