Teal Events Poster

---
# Machine-readable tokens (the WHAT). The prose body gives the WHY + the rules.
colors:
  roles_light:
    background: "#92DEDE"
    foreground: "#1C1C1A"
    card: "#FEFDF6"
    card-foreground: "#1C1C1A"
    popover: "#FEFDF6"
    popover-foreground: "#1C1C1A"
    primary: "#1C1C1A"
    primary-foreground: "#92DEDE"
    secondary: "#C9EBA8"
    secondary-foreground: "#1C1C1A"
    muted: "#76C8C8"
    muted-foreground: "#1A3D3D"
    accent: "#F5C48A"
    accent-foreground: "#1C1C1A"
    destructive: "#E04848"
    destructive-foreground: "#000000"
    border: "#1C1C1A"
    input: "#1C1C1A"
    ring: "#1C1C1A"
    success: "#5AAD3A"
    success-foreground: "#000000"
    warning: "#E57A20"
    warning-foreground: "#1C1C1A"
    chart-1: "#33BCCB"
    chart-2: "#C9EBA8"
    chart-3: "#F5C48A"
    chart-4: "#E0C5F0"
    chart-5: "#F5D06E"
  palette:
    - { name: "teal-surface", hex: "#92dede", role: "background" }
    - { name: "cream-card", hex: "#fefdf6", role: "card" }
    - { name: "warm-white", hex: "#fffffd", role: "surface-alt" }
    - { name: "warm-gray", hex: "#e5e3dd", role: "border-subtle" }
    - { name: "near-black", hex: "#1c1c1a", role: "ink" }
    - { name: "mint-green", hex: "#c9eba8", role: "accent-category" }
    - { name: "peach-orange", hex: "#f5c48a", role: "accent-date" }
    - { name: "lavender", hex: "#e0c5f0", role: "accent-secondary" }
    - { name: "golden-sparkle", hex: "#f5d06e", role: "accent-decorative" }
    - { name: "vibrant-teal", hex: "#33bccb", role: "primary-vivid" }
    - { name: "deep-teal", hex: "#1a6169", role: "dark-accent" }
    - { name: "light-teal", hex: "#94dce4", role: "tint" }
    - { name: "teal-96", hex: "#96e4e3", role: "tint-light" }
    - { name: "teal-8e", hex: "#8edad9", role: "tint-mid" }
    - { name: "muted-violet", hex: "#8c6c94", role: "muted" }
    - { name: "dark-violet", hex: "#59485e", role: "dark-muted" }
    - { name: "light-mauve", hex: "#cea5d0", role: "light-muted" }
    - { name: "scored-sage", hex: "#90a475", role: "scored" }
    - { name: "scored-slate-teal", hex: "#557a7d", role: "scored" }

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

:root {
  --radius: 1rem;
  --font-heading: 'Nunito', sans-serif;
  --font-sans: 'Nunito', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --background: 180 54% 72%;
  --foreground: 60 4% 11%;
  --card: 53 80% 98%;
  --card-foreground: 60 4% 11%;
  --popover: 53 80% 98%;
  --popover-foreground: 60 4% 11%;
  --primary: 60 4% 11%;
  --primary-foreground: 180 54% 72%;
  --secondary: 90 63% 79%;
  --secondary-foreground: 60 4% 11%;
  --muted: 180 43% 62%;
  --muted-foreground: 180 40% 17%;
  --accent: 33 84% 75%;
  --accent-foreground: 60 4% 11%;
  --destructive: 0 71% 58%;
  --destructive-foreground: 0 0% 0%;
  --border: 60 4% 11%;
  --input: 60 4% 11%;
  --ring: 60 4% 11%;
  --success: 103 50% 45%;
  --success-foreground: 0 0% 0%;
  --warning: 27 79% 51%;
  --warning-foreground: 60 4% 11%;
  --chart-1: 186 60% 50%;
  --chart-2: 90 63% 79%;
  --chart-3: 33 84% 75%;
  --chart-4: 278 59% 86%;
  --chart-5: 44 87% 70%;
  --shadow-sm: 2px 2px 0px #1c1c1a;
  --shadow-md: 3px 3px 0px #1c1c1a;
  --shadow-lg: 4px 4px 0px #1c1c1a;
  --shadow-xl: 6px 6px 0px #1c1c1a;
  --gradient-hero: linear-gradient(135deg, #92dede 0%, #6fcece 100%);
  --gradient-brand: linear-gradient(135deg, #92dede 0%, #33bccb 100%);
  --gradient-subtle: linear-gradient(180deg, #fefdf6 0%, #e5f5f5 100%);
  --duration: 180ms;
  --duration-slow: 360ms;
  --ease: cubic-bezier(0.34, 1.56, 0.64, 1);
  --tracking-tight: 0em;
  --tracking-normal: 0.04em;
  --font-weight-heading: 800;
  --font-weight-body: 500;
  --button-radius: 9999px;
  --card-radius: 1rem;
  --input-radius: 0.75rem;
  --badge-radius: 9999px;
  --border-width: 2px;
  --card-border-width: 2px;
  --input-border-width: 2px;
  --button-border-width: 0;
  --badge-border-width: 0;
  --heading-transform: uppercase;