# ZenTap Color Scheme

## Brand Colors (from fSociety.hu)

| Color Name   | Hex Code | RGB Value        | CMYK Value            | Description                          |
|--------------|----------|------------------|------------------------|--------------------------------------|
| Black        | #000000  | (0, 0, 0)        | (0, 0, 0, 100)         | Background color, dark theme         |
| White        | #FFFFFF  | (255, 255, 255)  | (0, 0, 0, 0)           | Text color, high contrast            |
| Red          | #FF0000  | (255, 0, 0)      | (0, 100, 100, 0)       | Highlights, attention-grabbing       |
| Gray         | #808080  | (128, 128, 128)  | (0, 0, 0, 50)          | Secondary elements, background tones|
| Navy Blue    | #000080  | (0, 0, 128)      | (100, 100, 0, 50)      | Navigation elements, links           |

## Game-Specific Colors

### Link Colors (CSS Framework)
- **Default Links**: `#646cff` (Blue)
- **Hover Links**: `#535bf2` (Darker blue)
- **Light Mode Hover**: `#747bff` (Alternative blue)

### Border/Outline Colors
- **Button Focus**: `#646cff` (Blue border)
- **Pressed State**: `#fff` (White outline)
- **Default Outline**: `#fffa` (White with 66.7% opacity)

## ZenTap UI Implementation

### Backgrounds
- **App Background**: `#000000` (Brand Black)
- **Game Board Border**: `#808080` (Brand Gray)  
- **UI Elements**: `#808080` (Brand Gray)

### Text & UI
- **Primary Text**: `#FFFFFF` (Brand White)
- **Secondary Text**: `rgba(255, 255, 255, 0.87)` (Brand White with 87% opacity)
- **Muted Text**: `#808080` (Brand Gray)

### Interactive Elements
- **Links**: `#000080` (Brand Navy Blue)
- **Link Hover**: `#FF0000` (Brand Red)
- **Selected Menu Items**: `#FFFFFF` (Brand White)
- **Buttons**: `#0bc2f9` background with `#FFFFFF` text (Blue + White)
- **Button Hover**: `#0bc2f9` background with `#FFFFFF` text (Blue + White)

### Game Elements
- **Bubble Default**: `#646cff` (Default blue)
- **Bubble Pop Effect**: `#FF0000` (Brand Red)
- **Score Text**: `#FFFFFF` (Brand White)
- **Timer Text**: `rgba(255, 255, 255, 0.87)` (Secondary text)

## Opacity Values Used
- **0.87** - Primary text opacity (87%)
- **0.3** - Ghost piece opacity (30%)
- **A0** - Control button opacity (62.7% in hex)
- **40** - Inactive control opacity (~25% in hex)
- **fa** - Border opacity (~98% in hex)