/* =========================================================
   colors.css
   Wildridge Color Foundation
   (same skeleton as SecureLynx: raw -> semantic -> scales)
   ========================================================= */

:root {
  /* --- raw named values --- */
  --cream:#F4ECD6;
  --bone:#FBF7EC;
  --pine:#3F5E41;
  --pine-deep:#4e8063;
  --bark:#4A3620;
  --ink:#2B2118;
  --wheat:#D29E4D;
  --stone:#8A8270;

  /* --- recipe accents (named by recipe, not color) --- */
  --beef:#7C2E30;
  --chicken:#2E6E74;
  --pork:#9E5F62;
  --turkey:#9A6B3F;

  /* --- semantic mappings --- */
  --bg-primary:var(--cream);
  --bg-secondary:var(--bone);
  --bg-deep:var(--pine-deep);
  --brand:var(--pine);

  --text-primary:var(--ink);
  --text-secondary:var(--bark);
  --text-muted:var(--stone);
  --text-on-deep:var(--cream);

  --border-primary:rgba(90,70,48,0.16);
  --border-secondary:rgba(90,70,48,0.10);
  --border-deep:rgba(244,236,214,0.16);

  /* --- type families --- */
  --display:"Newsreader",Georgia,serif;
  --body:"Inter",system-ui,Arial,sans-serif;
  --mono:"Cormorant Garamond",Georgia,serif;
  --lilita:"Lilita One",sans-serif;

  /* --- scales (carried from SecureLynx) --- */
  --transition-fast:160ms ease;
  --transition-medium:320ms ease;
  --transition-slow:680ms ease;

  --space-xs:4px;
  --space-sm:8px;
  --space-md:16px;
  --space-lg:32px;
  --space-xl:64px;

  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-pill:999px;

  --z-bg:-1;
  --z-base:1;
  --z-ui:10;
  --z-overlay:100;
  --z-nav:1200;
}