from pathlib import Path

import gradio as gr

# --- Theme: one palette for light, one for dark ---
theme = gr.themes.Base(
    primary_hue=gr.themes.colors.blue,
    neutral_hue=gr.themes.colors.slate,
    font=[gr.themes.GoogleFont("Inter"), "system-ui", "sans-serif"],
).set(
    # page + text
    body_background_fill="#F6F7F9",       body_background_fill_dark="#0E1116",
    body_text_color="#15181D",            body_text_color_dark="#E8EBF0",
    body_text_color_subdued="#5B6270",    body_text_color_subdued_dark="#9AA3B2",
    # blocks: no borders of their own (the card provides the frame)
    block_background_fill="#FFFFFF",      block_background_fill_dark="#161A21",
    block_border_width="0px",
    block_shadow="none",
    block_label_text_color="#3A404B",     block_label_text_color_dark="#C4CAD4",
    block_label_text_weight="600",
    border_color_primary="#DDE1E7",       border_color_primary_dark="#2A303B",
    # inputs
    input_background_fill="#FFFFFF",      input_background_fill_dark="#1D222B",
    input_border_color="#C3C9D2",         input_border_color_dark="#3A414D",
    input_border_width="1px",
    input_radius="8px",
    input_padding="12px 14px",
    # buttons
    button_large_radius="8px",
    button_small_radius="999px",
    button_primary_background_fill="#2457D6",         button_primary_background_fill_dark="#4F7DF0",
    button_primary_background_fill_hover="#1A3FA0",   button_primary_background_fill_hover_dark="#3E6AE0",
    button_primary_text_color="#FFFFFF",              button_primary_text_color_dark="#FFFFFF",
    button_secondary_background_fill="#EEF1F5",       button_secondary_background_fill_dark="#222833",
    button_secondary_background_fill_hover="#E2E7EE", button_secondary_background_fill_hover_dark="#2C3340",
    button_secondary_text_color="#3A404B",            button_secondary_text_color_dark="#C4CAD4",
    button_secondary_border_color="#DDE1E7",          button_secondary_border_color_dark="#2A303B",
    slider_color="#2457D6",                           slider_color_dark="#4F7DF0",
)

# --- Custom CSS, loaded from the file next to this one ---
CSS = (Path(__file__).parent / "styles.css").read_text()

# --- Small browser-side script for the light/dark button ---
TOGGLE_DARK = "() => document.body.classList.toggle('dark')"