feat(config): create config module for constants and styles

Extract configuration values from main.py into dedicated modules:
- Create src/config/__init__.py
- Create src/config/constants.py for application constants
- Create src/config/styles.py for UI style constants

🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>

Author: jonathan-irvin

src/config/__init__.py

@@ -0,0 +1 @@
+# Config package initialization

src/config/constants.py

@@ -0,0 +1,25 @@
+# All application constants
+
+# Text constants
+HEADER_TEXT = "COMMIT !BINGO"
+HEADER_TEXT_COLOR = "#0CB2B3"
+FREE_SPACE_TEXT = "FREE MEAT"
+FREE_SPACE_TEXT_COLOR = "#FF7f33"
+
+# Colors
+TILE_CLICKED_BG_COLOR = "#100079"
+TILE_CLICKED_TEXT_COLOR = "#1BEFF5"
+TILE_UNCLICKED_BG_COLOR = "#1BEFF5"
+TILE_UNCLICKED_TEXT_COLOR = "#100079"
+HOME_BG_COLOR = "#100079"
+STREAM_BG_COLOR = "#00FF00"
+
+# Fonts
+HEADER_FONT_FAMILY = "'Super Carnival', sans-serif"
+BOARD_TILE_FONT = "Inter"
+BOARD_TILE_FONT_WEIGHT = "700"
+BOARD_TILE_FONT_STYLE = "normal"
+
+# Board configuration
+BOARD_SIZE = 5  # 5x5 grid
+FREE_SPACE_POSITION = (2, 2)  # Middle of the board

src/config/styles.py

@@ -0,0 +1,12 @@
+# UI style-related constants
+
+# CSS Classes
+BOARD_CONTAINER_CLASS = "flex justify-center items-center w-full"
+HEADER_CONTAINER_CLASS = "w-full"
+CARD_CLASSES = "relative p-2 rounded-xl shadow-8 w-full h-full flex items-center justify-center"
+COLUMN_CLASSES = "flex flex-col items-center justify-center gap-0 w-full"
+GRID_CONTAINER_CLASS = "w-full aspect-square p-4"
+GRID_CLASSES = "gap-2 h-full grid-rows-5"
+ROW_CLASSES = "w-full"
+LABEL_SMALL_CLASSES = "fit-text-small text-center select-none"
+LABEL_CLASSES = "fit-text text-center select-none"