/*
Theme Name: AnimaLife
Theme URI: https://dpz.5e9.mytemp.website
Author: AnimaLife
Description: Custom WooCommerce theme for AnimaLife pet food, built from the Figma design (Animalife Website - CHRIS).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: animalife
*/

/* ==========================================================================
   Design tokens (sampled from Figma: colors, type, spacing)
   ========================================================================== */
:root {
  /* Brand colors */
  --al-green-900: #02100b;
  --al-green-800: #062d20;
  --al-green-700: #0a3024;
  --al-green-600: #0a3d2c;
  --al-green-500: #0f4c35;
  --al-green-400: #1b4838;
  --al-emerald: #005139;
  --al-navy: #103559;
  --al-blue: #1e48c1;

  --al-orange: #f89f1f;
  --al-gold: #fecf08;
  --al-red-orange: #ff4b14;
  --al-lime: #c1e145;
  --al-green-accent: #5ab35c;
  --al-purple: #6633cc;
  --al-purple-muted: #565194;

  --al-cream-100: #fffcef;
  --al-cream-200: #fffefc;
  --al-cream-300: #f9f4df;
  --al-cream-400: #f4f0e0;
  --al-cream-500: #ebe5cb;
  --al-cream-600: #ebdfc5;

  --al-gray-200: #d1d5db;
  --al-gray-500: #667479;
  --al-black: #000000;
  --al-white: #ffffff;

  /* Semantic aliases */
  --al-color-bg: var(--al-cream-100);
  --al-color-surface: var(--al-white);
  --al-color-primary: var(--al-green-600);
  --al-color-primary-dark: var(--al-green-900);
  --al-color-accent: var(--al-orange);
  --al-color-accent-alt: var(--al-lime);
  --al-color-text: var(--al-green-900);
  --al-color-text-muted: var(--al-gray-500);
  --al-color-border: var(--al-gray-200);

  /* Typography */
  --al-font-display: "Co Headline", "Poppins", sans-serif;
  --al-font-heading: "Poppins", sans-serif;
  --al-font-body: "Poppins", sans-serif;
  --al-font-alt: "Inter", sans-serif;

  /* Layout */
  --al-container-width: 1440px;
  --al-container-padding: 5vw;
  --al-radius-sm: 8px;
  --al-radius-md: 16px;
  --al-radius-lg: 24px;
  --al-radius-pill: 999px;

  --al-space-1: 4px;
  --al-space-2: 8px;
  --al-space-3: 16px;
  --al-space-4: 24px;
  --al-space-5: 32px;
  --al-space-6: 48px;
  --al-space-7: 64px;
  --al-space-8: 96px;
}