/*
Theme Name: Paleo Palette
Theme URI: https://paleopalette.net
Author: Paleo Palette
Author URI: https://paleopalette.net
Description: Premium ancestral health theme — rugged refinement with nature photography, editorial typography, and cinematic scroll animations.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paleo-palette
*/

/* ==========================================================================
   Design Tokens
   ========================================================================== */

:root {
  /* Primary earth tones */
  --color-bg-deep:        #1a120b;
  --color-bg-warm:        #2c1e12;
  --color-bg-mid:         #3d2a18;
  --color-bg-light:       #f5efe8;
  --color-bg-cream:       #faf6f0;

  /* Accent — aged copper/brass */
  --color-accent:         #c8956c;
  --color-accent-muted:   #a08a76;
  --color-accent-faint:   rgba(200, 149, 108, 0.15);
  --color-accent-ghost:   rgba(200, 149, 108, 0.07);
  --color-accent-glow:    rgba(200, 149, 108, 0.35);

  /* Reject/positive markers */
  --color-reject-bg:      #3d1515;
  --color-reject:         #e24b4a;
  --color-check:          #c8956c;

  /* Text on dark */
  --color-text-hero:      #f5efe8;
  --color-text-muted:     #a08a76;
  --color-text-faint:     rgba(160, 138, 118, 0.4);

  /* Text on light */
  --color-text-dark:      #1a120b;
  --color-text-body:      #4a3a2e;
  --color-text-secondary: #8a7a6e;

  /* Typography */
  --font-display:     'Playfair Display', Georgia, serif;
  --font-body:        'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  --text-hero:        clamp(2.5rem, 5vw, 4rem);
  --text-h2:          clamp(1.75rem, 3vw, 2.5rem);
  --text-h3:          clamp(1.1rem, 2vw, 1.35rem);
  --text-body:        1rem;
  --text-small:       0.875rem;
  --text-label:       0.625rem;

  --tracking-wide:    0.15em;
  --tracking-widest:  0.2em;

  /* Spacing */
  --section-padding:  clamp(60px, 8vw, 120px);
  --container-max:    1200px;
  --content-max:      720px;

  /* Transitions */
  --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:      cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast:    0.2s;
  --duration-normal:  0.4s;
  --duration-slow:    0.7s;
}