"""Theme constants, custom CSS styling, and visual tokens for dark studio theme."""

STUDIO_CSS = """
.main-container {
    max-width: 1260px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
    color: #e2e8f0;
}
.header-card {
    background: linear-gradient(135deg, #111422 0%, #171b2d 50%, #1f1b33 100%);
    border: 1px solid rgba(139, 92, 246, 0.22);
    border-radius: 12px;
    padding: 14px 22px;
    margin-bottom: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.badge-blackwell {
    display: inline-block;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 9999px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.badge-vram {
    display: inline-block;
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.28);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 5px;
    margin-left: 6px;
}
"""