/* PersonaText default theme — "Neon" design system.
   The new default theme mirrors the marketing pages (Landing, About, Pricing,
   Contact, Privacy, Terms) which render the dark purple + neon pink palette
   via marketing-dark.css. Every rule here is scoped to [data-theme="default"]
   so it applies to the signed-in dashboard without touching "original",
   "light" or "dark". Tokens match marketing-dark.css exactly. */

[data-theme="default"] {
    --mk-bg: #0f0b1a;
    --mk-bg-alt: #150f24;
    --mk-surface: #1a1428;
    --mk-surface-2: #201a30;
    --mk-border: rgba(255, 255, 255, .08);
    --mk-border-strong: rgba(255, 255, 255, .16);
    --mk-ink: #f2eefb;
    --mk-ink-dim: rgba(242, 238, 251, .66);
    --mk-ink-faint: rgba(242, 238, 251, .42);
    --mk-accent: #ea39b8;
    --mk-accent-hover: #ff5bcc;
    --mk-accent-ink: #0f0b1a;
    --mk-accent-soft: rgba(234, 57, 184, .16);
    --mk-accent-soft-border: rgba(234, 57, 184, .4);
    --mk-success: #34d399;
    --mk-radius-sm: 8px;
    --mk-radius-md: 14px;
    --mk-radius-lg: 20px;

    --brand-a: #ea39b8;
    --brand-b: #ff5bcc;
    --grad-brand: linear-gradient(135deg, #ea39b8 0%, #ff5bcc 100%);
    --grad-brand-rev: linear-gradient(135deg, #ff5bcc 0%, #ea39b8 100%);
    --grad-brand-90: linear-gradient(90deg, #ea39b8, #ff5bcc);

    --bs-body-bg: var(--mk-bg);
    --bs-body-color: var(--mk-ink);
    --bs-secondary-color: var(--mk-ink-dim);
    --bs-tertiary-color: var(--mk-ink-faint);
    --bs-link-color: var(--mk-accent);
    --bs-link-color-rgb: 234, 57, 184;
    --bs-link-hover-color: var(--mk-accent-hover);
    --bs-link-hover-color-rgb: 255, 91, 204;
    --bs-emphasis-color: var(--mk-ink);
    --bs-border-color: var(--mk-border-strong);
    --bs-border-color-translucent: var(--mk-border);
    --bs-tertiary-bg: var(--mk-surface);
}

/* ---------- Page shell ---------- */
[data-theme="default"] html {
    background: var(--mk-bg);
}

[data-theme="default"] body {
    background: var(--mk-bg);
    color: var(--mk-ink);
}

[data-theme="default"] main {
    background-color: rgba(255, 255, 255, .02);
    border: 1px solid var(--mk-border);
    border-radius: var(--mk-radius-md);
    box-shadow: none;
}

[data-theme="default"] .text-primary,
[data-theme="default"] .text-info {
    color: var(--mk-accent) !important;
}

[data-theme="default"] .text-secondary {
    color: var(--mk-ink-dim) !important;
}

[data-theme="default"] h1, [data-theme="default"] h2, [data-theme="default"] h3,
[data-theme="default"] h4, [data-theme="default"] h5, [data-theme="default"] h6 {
    color: var(--mk-ink);
}

/* ---------- Sidebar ---------- */
[data-theme="default"] .sidebar {
    background-color: var(--mk-bg-alt) !important;
    border-right: 1px solid var(--mk-border);
}

[data-theme="default"] .sidebar .nav-link {
    color: var(--mk-ink-dim) !important;
}

[data-theme="default"] .sidebar .nav-link:hover {
    background: var(--mk-accent-soft);
    color: var(--mk-ink) !important;
}

[data-theme="default"] .sidebar .nav-link.active {
    background: var(--mk-accent) !important;
    color: var(--mk-accent-ink) !important;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(234, 57, 184, .25) !important;
}

[data-theme="default"] .sidebar-logo .logo-title { color: var(--mk-ink); }
[data-theme="default"] .sidebar-logo:hover .logo-title { color: var(--mk-accent) !important; }
[data-theme="default"] .sidebar-logo .logo-subtitle { color: var(--mk-ink-faint); }
[data-theme="default"] .sidebar-logo:hover .logo-subtitle { color: var(--mk-ink-dim) !important; }

/* Mobile toggle bars */
[data-theme="default"] #sidebarToggle,
[data-theme="default"] .sidebar-toggle-bar {
    background: var(--mk-bg-alt) !important;
    border: 1px solid var(--mk-border-strong) !important;
    color: var(--mk-ink) !important;
}

/* ---------- Cards / surfaces ---------- */
[data-theme="default"] .card,
[data-theme="default"] .card-body,
[data-theme="default"] .card-header,
[data-theme="default"] .card-footer {
    background-color: var(--mk-surface) !important;
    border-color: var(--mk-border) !important;
}

[data-theme="default"] .card-title,
[data-theme="default"] .card-text {
    color: var(--mk-ink);
}

[data-theme="default"] .persona-index-header {
    background: var(--mk-surface) !important;
    border: 1px solid var(--mk-border) !important;
    box-shadow: none;
}

[data-theme="default"] .persona-index-header h1,
[data-theme="default"] .persona-index-header p {
    color: var(--mk-ink);
}

/* ---------- Forms ---------- */
[data-theme="default"] .form-control,
[data-theme="default"] select.form-control,
[data-theme="default"] .form-select,
[data-theme="default"] textarea.form-control,
[data-theme="default"] .input-group,
[data-theme="default"] .input-group-text {
    background-color: var(--mk-bg) !important;
    border: 1px solid var(--mk-border-strong) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .form-control:focus,
[data-theme="default"] .form-select:focus,
[data-theme="default"] textarea.form-control:focus {
    background-color: var(--mk-bg) !important;
    border-color: var(--mk-accent) !important;
    box-shadow: 0 0 0 3px var(--mk-accent-soft) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .form-control::placeholder,
[data-theme="default"] .form-select::placeholder,
[data-theme="default"] textarea.form-control::placeholder {
    color: var(--mk-ink-faint) !important;
    opacity: 1;
}

[data-theme="default"] select.form-control option,
[data-theme="default"] .form-select option,
[data-theme="default"] .auth-input option {
    background: var(--mk-surface);
    color: var(--mk-ink);
}

[data-theme="default"] label,
[data-theme="default"] .control-label,
[data-theme="default"] .form-label {
    color: var(--mk-ink) !important;
}

[data-theme="default"] .form-floating label { color: var(--mk-ink-dim) !important; }
[data-theme="default"] .form-floating .form-control { border-color: var(--mk-border-strong) !important; }
[data-theme="default"] .form-floating .form-control:focus { border-color: var(--mk-accent) !important; }

[data-theme="default"] .form-check-input {
    border: 1px solid var(--mk-border-strong) !important;
    background-color: rgba(255, 255, 255, .12) !important;
}

[data-theme="default"] .form-check-input:checked {
    background-color: var(--mk-accent) !important;
    border-color: var(--mk-accent) !important;
}

[data-theme="default"] .form-check-input:focus {
    box-shadow: 0 0 0 3px var(--mk-accent-soft) !important;
}

[data-theme="default"] .form-switch .form-check-input {
    background-color: rgba(255, 255, 255, .12) !important;
    border: 1px solid var(--mk-border-strong) !important;
}

[data-theme="default"] .form-switch .form-check-input:checked {
    background-color: var(--mk-accent) !important;
    border-color: var(--mk-accent) !important;
}

[data-theme="default"] .form-range::-webkit-slider-track,
[data-theme="default"] .form-range::-moz-range-track {
    background: rgba(255, 255, 255, .16);
}

[data-theme="default"] .form-range::-webkit-slider-thumb,
[data-theme="default"] .form-range::-moz-range-thumb,
[data-theme="default"] .clinginess-slider::-webkit-slider-thumb,
[data-theme="default"] .clinginess-slider::-moz-range-thumb {
    background: var(--mk-accent) !important;
}

[data-theme="default"] .clinginess-slider-container {
    background: var(--mk-surface) !important;
    border: 1px solid var(--mk-border) !important;
}

[data-theme="default"] .clinginess-description {
    background: rgba(255, 255, 255, .05) !important;
    border-left: 3px solid var(--mk-accent-soft-border);
}

/* ---------- Buttons ---------- */
    [data-theme="default"] .btn-primary {
        --bs-btn-bg: var(--mk-accent);
        --bs-btn-border-color: var(--mk-accent);
        --bs-btn-hover-color: #d70b9e;
        --bs-btn-hover-bg: var(--mk-accent-hover);
        --bs-btn-hover-border-color: var(--mk-accent-hover);
        --bs-btn-focus-shadow-rgb: 234, 57, 184;
        --bs-btn-active-color: var(--mk-accent-ink);
        --bs-btn-active-bg: var(--mk-accent-hover);
        --bs-btn-active-border-color: var(--mk-accent-hover);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--mk-accent-ink);
        --bs-btn-disabled-bg: var(--mk-accent);
        --bs-btn-disabled-border-color: var(--mk-accent);
    }

[data-theme="default"] .btn-outline-primary {
    --bs-btn-color: var(--mk-accent);
    --bs-btn-border-color: var(--mk-accent);
    --bs-btn-hover-color: var(--mk-accent-ink);
    --bs-btn-hover-bg: var(--mk-accent);
    --bs-btn-hover-border-color: var(--mk-accent);
    --bs-btn-focus-shadow-rgb: 234, 57, 184;
    --bs-btn-active-color: var(--mk-accent-ink);
    --bs-btn-active-bg: var(--mk-accent);
    --bs-btn-active-border-color: var(--mk-accent);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--mk-accent);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--mk-accent);
    background-color: transparent !important;
    border: 1px solid var(--mk-accent) !important;
    color: var(--mk-accent) !important;
}

[data-theme="default"] .btn-outline-primary:hover {
    background-color: var(--mk-accent) !important;
    color: var(--mk-accent-ink) !important;
    border-color: var(--mk-accent) !important;
    box-shadow: 0 4px 12px rgba(234, 57, 184, .35);
}

[data-theme="default"] .persona-index-add-btn,
[data-theme="default"] .join-index-add-btn {
    background: var(--mk-accent) !important;
    color: var(--mk-accent-ink) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(234, 57, 184, .22);
}

[data-theme="default"] .persona-index-add-btn:hover,
[data-theme="default"] .persona-index-add-btn:focus,
[data-theme="default"] .join-index-add-btn:hover,
[data-theme="default"] .join-index-add-btn:focus {
    background: var(--mk-accent-hover) !important;
    color: var(--mk-accent-ink) !important;
    transform: translateY(-2px) scale(0.98);
    box-shadow: 0 8px 24px rgba(234, 57, 184, .3);
}

/* File inputs */
[data-theme="default"] input[type="file"],
[data-theme="default"] .btn-upload,
[data-theme="default"] .custom-file-label {
    background-color: transparent !important;
    color: var(--mk-ink) !important;
    border: 1px solid var(--mk-border-strong) !important;
}

[data-theme="default"] input[type="file"]:hover,
[data-theme="default"] .btn-upload:hover,
[data-theme="default"] .custom-file-label:hover {
    background-color: var(--mk-accent-soft) !important;
    border-color: var(--mk-accent) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] input[type="file"]:focus,
[data-theme="default"] .btn-upload:focus {
    border-color: var(--mk-accent) !important;
    box-shadow: 0 0 0 3px var(--mk-accent-soft);
}

/* ---------- Tables ---------- */
[data-theme="default"] .table {
    --bs-table-color: var(--mk-ink);
    --bs-table-bg: transparent;
    --bs-table-striped-color: var(--mk-ink);
    --bs-table-striped-bg: rgba(255, 255, 255, .03);
    --bs-table-hover-color: var(--mk-ink);
    --bs-table-hover-bg: rgba(255, 255, 255, .05);
    --bs-table-border-color: var(--mk-border);
}

[data-theme="default"] .table thead th {
    color: var(--mk-ink-dim);
    border-bottom-color: var(--mk-border-strong);
}

[data-theme="default"] .table tbody td {
    color: var(--mk-ink);
    border-color: var(--mk-border);
}

/* ---------- Dropdowns, modals, navs ---------- */
[data-theme="default"] .dropdown-menu {
    background-color: var(--mk-surface) !important;
    border: 1px solid var(--mk-border) !important;
    box-shadow: 0 0 2rem rgba(234, 57, 184, .12), 0 0 6rem rgba(234, 57, 184, .08) !important;
}

[data-theme="default"] .dropdown-item {
    color: var(--mk-ink-dim) !important;
}

[data-theme="default"] .dropdown-item:hover,
[data-theme="default"] .dropdown-item:focus {
    background-color: var(--mk-accent-soft) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .modal-content {
    background-color: var(--mk-surface) !important;
    border: 1px solid var(--mk-border) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .modal-header,
[data-theme="default"] .modal-footer {
    border-color: var(--mk-border) !important;
}

[data-theme="default"] .nav-tabs .nav-link {
    background-color: var(--mk-surface) !important;
    border-color: var(--mk-border) !important;
    color: var(--mk-ink-dim) !important;
}

[data-theme="default"] .nav-tabs .nav-link:hover {
    color: var(--mk-ink) !important;
    border-color: var(--mk-accent-soft-border) !important;
}

[data-theme="default"] .nav-tabs .nav-link.active {
    color: var(--mk-accent) !important;
    border-color: var(--mk-border) var(--mk-border) var(--mk-accent) var(--mk-border);
}

[data-theme="default"] .list-group-item {
    background-color: var(--mk-surface) !important;
    border-color: var(--mk-border) !important;
    color: var(--mk-ink) !important;
}

/* ---------- Alerts / badges ---------- */
[data-theme="default"] .alert-info {
    background: var(--mk-accent-soft) !important;
    border-color: var(--mk-accent-soft-border) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .alert-info .alert-heading { color: var(--mk-ink); }

/* ---------- Manage / auth pages ---------- */
[data-theme="default"] .manage-nav-container {
    background: var(--mk-surface) !important;
    border: 1px solid var(--mk-border) !important;
    box-shadow: none;
}

[data-theme="default"] .manage-nav-link {
    color: var(--mk-ink-dim) !important;
    border-color: var(--mk-border) !important;
}

[data-theme="default"] .manage-nav-link:hover {
    background: var(--mk-accent-soft) !important;
    color: var(--mk-ink) !important;
    border-color: var(--mk-accent-soft-border) !important;
}

[data-theme="default"] .manage-nav-link.active {
    background: var(--mk-accent) !important;
    color: var(--mk-accent-ink) !important;
    border-color: var(--mk-accent) !important;
    box-shadow: 0 4px 15px rgba(234, 57, 184, .3) !important;
}

[data-theme="default"] .auth-container {
    background: var(--mk-surface) !important;
    border: 1px solid var(--mk-border) !important;
    backdrop-filter: blur(15px) !important;
    box-shadow: none !important;
}

[data-theme="default"] .auth-title,
[data-theme="default"] .auth-subtitle {
    color: var(--mk-ink) !important;
}

[data-theme="default"] .auth-container h5 {
    border-bottom-color: var(--mk-border);
    color: var(--mk-ink) !important;
}

[data-theme="default"] .auth-input {
    background-color: var(--mk-bg) !important;
    border: 1px solid var(--mk-border-strong) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .auth-input::placeholder { color: var(--mk-ink-faint) !important; }

[data-theme="default"] .auth-input:focus {
    background-color: var(--mk-bg) !important;
    border-color: var(--mk-accent) !important;
    box-shadow: 0 0 0 3px var(--mk-accent-soft) !important;
}

[data-theme="default"] .auth-btn {
    background: var(--mk-accent) !important;
    border: none !important;
    color: var(--mk-accent-ink) !important;
}

[data-theme="default"] .auth-btn:hover,
[data-theme="default"] .auth-btn:focus {
    background: var(--mk-accent-hover) !important;
    color: var(--mk-accent-ink) !important;
    box-shadow: 0 8px 25px rgba(234, 57, 184, .4) !important;
}

[data-theme="default"] .auth-warn-btn {
    background: linear-gradient(135deg, #ff5bcc 0%, var(--mk-accent) 100%) !important;
    border: none !important;
    color: var(--mk-accent-ink) !important;
}

[data-theme="default"] .auth-link {
    color: var(--mk-ink-dim) !important;
}

[data-theme="default"] .auth-link:hover {
    color: var(--mk-accent) !important;
}

/* ---------- Chat (in-layout chat components) ---------- */
[data-theme="default"] .chat-container {
    background: var(--mk-bg) !important;
    border: 1px solid var(--mk-border);
}

[data-theme="default"] .chat-header {
    background: rgba(15, 11, 26, .7) !important;
    border-bottom: 1px solid var(--mk-border) !important;
}

[data-theme="default"] .chat-body {
    background: var(--mk-bg) !important;
}

[data-theme="default"] .chat-input {
    background: rgba(15, 11, 26, .7) !important;
    border-top: 1px solid var(--mk-border) !important;
}

[data-theme="default"] .chat-input-field {
    background: var(--mk-surface) !important;
    border: 1px solid var(--mk-border-strong) !important;
    color: var(--mk-ink) !important;
}

[data-theme="default"] .chat-input-field:focus {
    background: var(--mk-surface) !important;
    border-color: var(--mk-accent) !important;
    box-shadow: 0 0 0 3px var(--mk-accent-soft);
    color: var(--mk-ink) !important;
}

[data-theme="default"] .chat-input-field::placeholder {
    color: var(--mk-ink-faint) !important;
}

/* ---------- Footer ---------- */
[data-theme="default"] footer.bg-dark {
    background-color: var(--mk-bg) !important;
    border-top: 1px solid var(--mk-border);
}

[data-theme="default"] footer p,
[data-theme="default"] footer small {
    color: var(--mk-ink-dim);
}

[data-theme="default"] footer a {
    color: var(--mk-accent);
}

[data-theme="default"] footer a:hover {
    color: var(--mk-ink);
}
