---
name: Beseda Chat
description: "The site effectively combines a dark, premium aesthetic with vibrant accents to create an engaging and high-energy environment typical of modern online gaming platforms."
version: alpha

colors:
  background: "#0e2f2b"
  primary: "#ffffff"
  secondary: "#c1cfc5"
  tertiary: "#f9c719"
  neutral: "#7d9783"
  bg-soft: "#273028a6"
  bg-quiet: "#024f4b"
  muted-soft: "#91b7ae"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  display:
    fontFamily: sans-serif
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 600
    letterSpacing: "normal"
  body:
    fontFamily: sans-serif
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "-0.32px"
  caption:
    fontFamily: sans-serif
    fontSize: 12px
    lineHeight: 1.33
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 24px
  2xl: 32px
  3xl: 48px

---

## Overview

An online casino and sportsbook platform with a dark green theme and vibrant game imagery.

*An online casino and sportsbook platform interface*

## Colors

High-contrast dark background with vibrant yellow accent for primary actions.

- **Background (`#0e2f2b`)** — uses `bg` token
- **Primary text (`#ffffff`)** — uses `ink` token
- **Secondary text (`#c1cfc5`)** — uses `ink-soft` token
- **Accent (`#f9c719`)** — uses `accent` token
- **Muted (`#7d9783`)** — uses `muted` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

- **Display:** sans-serif
- **Body:** sans-serif
- **Mono:** sans-serif

- Use sans-serif font family.
- Maintain tight line heights for headlines.
- Use uppercase sparingly for labels.

## Layout

Three-column layout on desktop (sidebar, main content, right panel), single column on mobile.

*Rhythm:* 4px base unit for consistent spacing.

## Elevation & Depth

- 0 4px 12px rgba(0, 0, 0, 0)
- 0 0 80px rgba(116, 107, 93, 0.2)
- Borders: Subtle borders using rgba(0, 0, 0, 0.1)

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 999px

## Components

- **button:** Pill-shaped buttons with contrasting colors (yellow on dark).
- **card:** Cards with rounded corners (12px) and subtle background differentiation.
- **chip:** N/A
- **input:** Search bar and input fields with rounded edges.
- **hero:** Hero carousel with large background images and prominent call-to-action buttons.

## Do's and Don'ts

**Don't:**
- Don't use light backgrounds — screenshot shows dark green theme.
- Don't use serif fonts — screenshot shows sans-serif typography.
- Don't use low-contrast text — screenshot shows high-contrast white text on dark backgrounds.
- Don't use sharp corners — screenshot shows rounded corners (12px).
- Don't use small, dense layouts — screenshot shows spacious cards with clear imagery.
- Don't use muted colors only — screenshot shows vibrant yellow accent for key actions.

---

## System Prompt (paste into AI agent)

```
This is an online casino and sportsbook platform interface. It features a dark green (#0e2f2b) primary background with a vibrant yellow (#f9c719) accent color used for call-to-action buttons. The typography is a clean sans-serif font family with tight line heights for headlines. The layout is three-column on desktop with a sidebar for navigation, main content for games, and a right panel for betting slips. Critical donts: Do not use light backgrounds, serif fonts, or low-contrast text. Avoid sharp corners and overly dense layouts. Use the vibrant yellow accent sparingly for primary actions only.
```