/*
 * Theme token overrides for dev.elasticgun.com.
 */

:root {
    --theme-primary: #8b5cf6;
    --theme-primary-hover: #7c3aed;
    --theme-bg: #faf5ff;
    --theme-surface: #ffffff;
    --theme-text: #1e1b4b;
    --theme-text-muted: #6366f1;
    --theme-nav-bg: #f5f3ff;
    --theme-nav-border: #c4b5fd;
    --theme-card-bg: #ffffff;
    --theme-card-border: #c4b5fd;
    --theme-accent: #6366f1;
    --theme-accent-text: #ffffff;
    --theme-btn-bg: #8b5cf6;
    --theme-btn-bg-hover: #7c3aed;
    --theme-input-bg: #ffffff;
    --theme-input-border: #c4b5fd;
    --theme-topbar-bg: #0c0a14;
    --theme-topbar-text: #a78bfa;
    --theme-radius: 0.875rem;
    --theme-font: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

body {
    font-family: var(--theme-font) !important;
    background-color: var(--theme-bg) !important;
    color: var(--theme-text) !important;
}

.tdb-topbar {
    background: var(--theme-topbar-bg);
    color: var(--theme-topbar-text);
    border-bottom: 1px solid color-mix(in srgb, var(--theme-topbar-text) 15%, transparent);
}

.tdb-topbar a,
.tdb-topbar button {
    color: var(--theme-topbar-text);
}

.tdb-nav {
    background-color: var(--theme-nav-bg) !important;
    border-color: var(--theme-nav-border) !important;
}

.tdb-brand {
    color: var(--theme-primary) !important;
}

.tdb-nav-link {
    color: var(--theme-text-muted) !important;
    transition: color 0.15s ease;
}

.tdb-nav-link:hover {
    color: var(--theme-text) !important;
}

.tdb-card {
    background-color: var(--theme-card-bg) !important;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--theme-radius);
}

.tdb-card-tinted {
    background-image: linear-gradient(
        135deg,
        color-mix(in srgb, var(--theme-primary) 10%, transparent) 0%,
        transparent 45%
    );
}

.contact-page-copy,
.contact-page-copy p,
.contact-page-copy li {
    color: color-mix(in srgb, var(--theme-text) 92%, white 8%) !important;
}

.contact-page-copy strong,
.contact-page-copy h1,
.contact-page-copy h2,
.contact-page-copy h3,
.contact-page-copy h4 {
    color: var(--theme-text) !important;
}

.tdb-btn-primary {
    background-color: var(--theme-btn-bg);
    border: 1px solid var(--theme-btn-bg);
    color: var(--theme-accent-text);
    border-radius: var(--theme-radius);
}

.tdb-btn-primary:hover {
    background-color: var(--theme-btn-bg-hover);
    border-color: var(--theme-btn-bg-hover);
}

.tdb-input {
    background-color: var(--theme-input-bg);
    border: 1px solid var(--theme-input-border);
    color: var(--theme-text);
    border-radius: var(--theme-radius);
}

main {
    background: color-mix(in srgb, var(--theme-bg) 85%, transparent);
}