Wildfeast

---
# Machine-readable tokens (the WHAT). The prose body gives the WHY + the rules.
colors:
  roles_light:
    background: "#D4CCC0"
    foreground: "#1E1A12"
    card: "#C8C0B4"
    card-foreground: "#1E1A12"
    popover: "#DDD6CA"
    popover-foreground: "#1E1A12"
    primary: "#3C421E"
    primary-foreground: "#E8DFC0"
    secondary: "#625427"
    secondary-foreground: "#F0D8AA"
    muted: "#B9B2A8"
    muted-foreground: "#000000"
    accent: "#C9B22C"
    accent-foreground: "#1A1400"
    destructive: "#B83030"
    destructive-foreground: "#FFFFFF"
    border: "#A8A09A"
    input: "#C0B9B2"
    ring: "#C9B22C"
    success: "#3A6030"
    success-foreground: "#FFFFFF"
    warning: "#B86E10"
    warning-foreground: "#000000"
    chart-1: "#C9B22C"
    chart-2: "#3C421E"
    chart-3: "#8B6C3E"
    chart-4: "#9FAFC9"
    chart-5: "#7A5C38"
  palette:
    - { name: "brand-gold", hex: "#c9b22c", role: "accent" }
    - { name: "dark-olive", hex: "#1c1f0e", role: "surface-dark" }
    - { name: "medium-olive", hex: "#3c421e", role: "surface-mid" }
    - { name: "stone-cream", hex: "#d4ccc0", role: "surface-light" }
    - { name: "warm-near-black", hex: "#1e1a12", role: "ink" }
    - { name: "warm-cream-text", hex: "#e8dfc0", role: "ink-light" }
    - { name: "pale-gold", hex: "#f0d8aa", role: "accent-light" }
    - { name: "earth-brown", hex: "#625427", role: "secondary" }
    - { name: "warm-muted", hex: "#978653", role: "muted" }
    - { name: "deep-forest", hex: "#363127", role: "shadow" }
    - { name: "dark-bark", hex: "#433c2b", role: "shadow" }
    - { name: "slate-warm", hex: "#70767a", role: "neutral" }
    - { name: "steel-blue", hex: "#9fafc9", role: "data-viz" }
    - { name: "amber-brown", hex: "#8b6c3e", role: "data-viz" }
    - { name: "sage-green", hex: "#7a9a4e", role: "data-viz" }
    - { name: "terracotta", hex: "#c87850", role: "data-viz" }
    - { name: "dark-amber", hex: "#d4a05a", role: "data-viz" }
typography:
  heading: { family: "Alfa Slab One", weights: [400, 500, 600, 700] }

/* Generated by Identity Forge design kits */
@import url("https://fonts.googleapis.com/css2?family=Alfa%20Slab%20One:wght@400;500;600;700&family=Lora:wght@400;500;600;700&family=IBM%20Plex%20Mono:wght@400;500;600&display=swap");

:root {
  --radius: 0.5rem;
  --font-heading: 'Alfa Slab One', sans-serif;
  --font-sans: 'Lora', serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --background: 36 19% 79%;
  --foreground: 40 25% 9%;
  --card: 36 15% 75%;
  --card-foreground: 40 25% 9%;
  --popover: 38 22% 83%;
  --popover-foreground: 40 25% 9%;
  --primary: 70 38% 19%;
  --primary-foreground: 47 47% 83%;
  --secondary: 46 43% 27%;
  --secondary-foreground: 39 70% 80%;
  --muted: 35 11% 69%;
  --muted-foreground: 0 0% 0%;
  --accent: 51 64% 48%;
  --accent-foreground: 46 100% 5%;
  --destructive: 0 59% 45%;
  --destructive-foreground: 0 0% 100%;
  --border: 26 7% 63%;
  --input: 30 10% 73%;
  --ring: 51 64% 48%;
  --success: 108 33% 28%;
  --success-foreground: 0 0% 100%;
  --warning: 34 84% 39%;
  --warning-foreground: 0 0% 0%;
  --chart-1: 51 64% 48%;
  --chart-2: 70 38% 19%;
  --chart-3: 36 38% 39%;
  --chart-4: 217 28% 71%;
  --chart-5: 33 37% 35%;
  --shadow-sm: 0 1px 2px rgba(30,26,18,0.10);
  --shadow-md: 0 2px 8px rgba(30,26,18,0.14);
  --shadow-lg: 0 4px 16px rgba(30,26,18,0.18);
  --shadow-xl: 0 8px 32px rgba(30,26,18,0.22);
  --gradient-hero: linear-gradient(180deg, rgba(28,31,14,0.88) 0%, rgba(60,66,30,0.55) 100%);
  --gradient-brand: linear-gradient(135deg, #c9b22c 0%, #8b6c3e 100%);
  --gradient-subtle: linear-gradient(180deg, #d4ccc0 0%, #c0b8ac 100%);
  --duration: 200ms;
  --duration-slow: 600ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --tracking-tight: -0.01em;
  --tracking-normal: 0.06em;
  --font-weight-heading: 900;
  --font-weight-body: 400;
  --button-radius: 0rem;
  --card-radius: 0.5rem;
  --input-radius: 0.25rem;
  --badge-radius: 9999px;
  --border-width: 1px;
  --card-border-width: 0;
  --input-border-width: 1px;
  --button-border-width: 2px;
  --badge-border-width: 2px;
  --heading-transform: none;