Fructôse Culturel

---
# Machine-readable tokens (the WHAT). The prose body gives the WHY + the rules.
colors:
  roles_light:
    background: "#E7FF8F"
    foreground: "#0D2318"
    card: "#DFF77A"
    card-foreground: "#0D2318"
    popover: "#E7FF8F"
    popover-foreground: "#0D2318"
    primary: "#1C6741"
    primary-foreground: "#FFFFFF"
    secondary: "#95C2FD"
    secondary-foreground: "#0C2745"
    muted: "#C8E87A"
    muted-foreground: "#2D5A3D"
    accent: "#95C2FD"
    accent-foreground: "#0C2745"
    destructive: "#C93030"
    destructive-foreground: "#FFFFFF"
    border: "#1C6741"
    input: "#1C6741"
    ring: "#1C6741"
    success: "#31B06F"
    success-foreground: "#001A0E"
    warning: "#B45309"
    warning-foreground: "#FFFFFF"
    chart-1: "#1C6741"
    chart-2: "#3B7EC9"
    chart-3: "#9050C8"
    chart-4: "#D94F3C"
    chart-5: "#0D8C7A"
  palette:
    - { name: "acid-chartreuse", hex: "#e7ff8f", role: "surface-primary" }
    - { name: "sky-blue", hex: "#95c2fd", role: "surface-secondary" }
    - { name: "soft-periwinkle", hex: "#a1c7fb", role: "surface-variant" }
    - { name: "vivid-green", hex: "#31b06f", role: "ink-accent" }
    - { name: "dark-forest", hex: "#1c6741", role: "ink-primary" }
    - { name: "deep-night", hex: "#0d2318", role: "dark-surface" }
    - { name: "mid-forest", hex: "#21774b", role: "ink-muted" }
    - { name: "muted-teal", hex: "#51b4a8", role: "accent-alt" }
    - { name: "warm-chartreuse", hex: "#e4fb8e", role: "surface-variant" }
    - { name: "chartreuse-deep", hex: "#dff77a", role: "card-surface" }
    - { name: "chartreuse-muted", hex: "#c8e87a", role: "muted-surface" }
    - { name: "light-sage", hex: "#c8ccac", role: "neutral-light" }
    - { name: "ui-light-gray", hex: "#e8e8e8", role: "host-ui" }
    - { name: "ui-mid-gray", hex: "#bfbfbf", role: "host-ui-secondary" }
    - { name: "dark-card", hex: "#162e1e", role: "dark-card-surface" }
    - { name: "dark-popover", hex: "#1f3d28", role: "dark-popover-surface" }
    - { name: "dark-muted", hex: "#1f3d2a", role: "dark-muted-surface" }
    - { name: "light-mint", hex: "#7dd4a0", role: "dark-muted-text" }
    - { name: "deep-navy", hex: "#0c2745", role: "text-on-blue" }

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

:root {
  --radius: 0rem;
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-sans: 'Barlow', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --background: 73 100% 78%;
  --foreground: 150 46% 9%;
  --card: 72 89% 72%;
  --card-foreground: 150 46% 9%;
  --popover: 73 100% 78%;
  --popover-foreground: 150 46% 9%;
  --primary: 150 57% 26%;
  --primary-foreground: 0 0% 100%;
  --secondary: 214 96% 79%;
  --secondary-foreground: 212 70% 16%;
  --muted: 77 71% 69%;
  --muted-foreground: 141 33% 26%;
  --accent: 214 96% 79%;
  --accent-foreground: 212 70% 16%;
  --destructive: 0 61% 49%;
  --destructive-foreground: 0 0% 100%;
  --border: 150 57% 26%;
  --input: 150 57% 26%;
  --ring: 150 57% 26%;
  --success: 149 56% 44%;
  --success-foreground: 152 100% 5%;
  --warning: 26 90% 37%;
  --warning-foreground: 0 0% 100%;
  --chart-1: 150 57% 26%;
  --chart-2: 212 57% 51%;
  --chart-3: 272 52% 55%;
  --chart-4: 7 67% 54%;
  --chart-5: 171 83% 30%;
  --shadow-sm: 0 1px 0 rgba(13,35,24,0.06);
  --shadow-md: 0 2px 8px rgba(13,35,24,0.08);
  --shadow-lg: 0 4px 16px rgba(13,35,24,0.10);
  --shadow-xl: 0 8px 32px rgba(13,35,24,0.12);
  --gradient-hero: linear-gradient(180deg, #95c2fd 0%, #e7ff8f 100%);
  --gradient-brand: linear-gradient(135deg, #31b06f 0%, #1c6741 100%);
  --gradient-subtle: linear-gradient(180deg, #e7ff8f 0%, #c8e87a 100%);
  --duration: 150ms;
  --duration-slow: 350ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --tracking-tight: -0.01em;
  --tracking-normal: 0.06em;
  --font-weight-heading: 800;
  --font-weight-body: 400;
  --button-radius: 0rem;
  --card-radius: 0rem;
  --input-radius: 0rem;
  --badge-radius: 0rem;
  --border-width: 1px;
  --card-border-width: 1px;
  --input-border-width: 1px;
  --button-border-width: 0;
  --badge-border-width: 1px;
  --heading-transform: uppercase;