"""Theme and styling constants for the Unstructured x Codeflash engagement report."""

# ── Colors (Codeflash dark - amber/zinc) ────────────────────────────────────
ACCENT = "#ffd227"
DARK = "#09090b"
CARD_BG = "rgba(16,20,28,0.7)"  # dark navy/70 — readable over animated bg
CARD_BORDER = "rgba(63,63,70,0.35)"  # zinc-700/35
SLATE = "#e4e4e7"
GRAY = "#a1a1aa"
LIGHT_GRAY = "#71717a"
BG = "#0d1117"  # dark navy (codeflash.ai style)
WHITE = "#fafafa"
GREEN = "#4ade80"
LIGHT_GREEN = "rgba(74,222,128,0.12)"
RED = "#f87171"
LIGHT_RED = "rgba(248,113,113,0.12)"
AMBER = "#fbbf24"
BLUE = "#60a5fa"
PURPLE = "#a78bfa"
PINK = "#f472b6"

# ── Grid overlay ────────────────────────────────────────────────────────────
# Matches the roadmap page's subtle grid pattern.
GRID_BG_IMAGE = (
    "linear-gradient(to right, currentColor 1px, transparent 1px),"
    "linear-gradient(to bottom, currentColor 1px, transparent 1px)"
)
GRID_BG_SIZE = "48px 48px"
GRID_OVERLAY = {
    "position": "fixed",
    "top": 0,
    "left": 0,
    "right": 0,
    "bottom": 0,
    "backgroundImage": GRID_BG_IMAGE,
    "backgroundSize": GRID_BG_SIZE,
    "opacity": "0.05",
    "pointerEvents": "none",
    "zIndex": "0",
}

# ── Component styles ────────────────────────────────────────────────────────
CARD = {
    "background": CARD_BG,
    "borderRadius": "16px",
    "padding": "28px 32px",
    "border": f"1px solid {CARD_BORDER}",
}
FONT = "'Inter', system-ui, -apple-system, sans-serif"
MONO = "'JetBrains Mono', 'Menlo', monospace"

# ── Table styles ────────────────────────────────────────────────────────────
TABLE_HEADER: dict[str, str] = {
    "backgroundColor": "rgba(24,24,27,0.8)",
    "color": ACCENT,
    "fontWeight": "600",
    "fontSize": "13px",
    "padding": "12px 16px",
    "borderBottom": f"1px solid {CARD_BORDER}",
}
TABLE_CELL: dict[str, str] = {
    "textAlign": "left",
    "padding": "12px 16px",
    "fontSize": "13px",
    "fontFamily": FONT,
    "border": "none",
    "color": SLATE,
}
TABLE_DATA: dict[str, str] = {
    "backgroundColor": "rgba(24,24,27,0.5)",
    "color": SLATE,
}
TABLE_DATA_CONDITIONAL: list[dict[str, object]] = [
    {"if": {"row_index": "odd"}, "backgroundColor": "rgba(31,31,35,0.6)"}
]
TABLE_WRAP: dict[str, str] = {
    "borderRadius": "16px",
    "overflow": "hidden",
    "border": f"1px solid {CARD_BORDER}",
}
