/* Default theme */

body.theme-default {
    --app-bg:
        radial-gradient(1280px 860px at 12% -4%, rgb(var(--brand-rgb) / 0.16), transparent 58%),
        radial-gradient(960px 760px at 100% 8%, rgba(244, 114, 182, 0.12), transparent 56%),
        linear-gradient(180deg, #dfe6ef 0%, #d7e0ea 44%, #cfd8e4 100%);
    --app-shell-bg: var(--app-bg);
    --app-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(244, 247, 252, 0.84));
    --app-surface-muted: linear-gradient(180deg, rgba(248, 250, 253, 0.84), rgba(239, 244, 250, 0.72));
    --app-text: #111827;
    --app-muted: #526072;
    --app-border: rgba(51, 65, 85, 0.10);
    --app-border-strong: rgba(51, 65, 85, 0.16);
    --app-shadow-sm: 0 14px 34px rgba(15, 23, 42, 0.08);
    --app-shadow-lg: 0 24px 54px rgba(15, 23, 42, 0.12);
    --app-nav-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(237, 242, 248, 0.84));
    --app-nav-border: rgba(51, 65, 85, 0.09);
    --app-header-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.86), rgba(237, 242, 248, 0.76));
}

body.theme-default .app-nav,
body.theme-default .app-page-header,
body.theme-default .app-bottom-tabs {
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

body.theme-default .app-card,
body.theme-default .app-card-soft,
body.theme-default .app-auth-shell,
body.theme-default .app-floating-actions {
    backdrop-filter: blur(12px);
    border-color: rgba(51, 65, 85, 0.08);
    box-shadow:
        0 16px 38px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

body.theme-default .app-section-card,
body.theme-default .app-chat-shell,
body.theme-default .app-hero-card,
body.theme-default .app-media-card,
body.theme-default .app-list-card {
    background:
        radial-gradient(circle at top right, rgb(var(--brand-rgb) / 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(243, 246, 251, 0.82));
    border-color: rgba(51, 65, 85, 0.08);
    box-shadow:
        0 16px 38px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

body.theme-default .app-page-header {
    position: relative;
}

body.theme-default .app-page-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(760px 220px at 12% 0%, rgb(var(--brand-rgb) / 0.08), transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
}

body.theme-default .app-page-title {
    color: #172033;
}

body.theme-default .app-page-copy {
    color: #4f5d70;
}

body.theme-default .app-chip,
body.theme-default .app-chip-soft,
body.theme-default .app-stat-pill,
body.theme-default .app-action-pill,
body.theme-default .app-filter-chip,
body.theme-default .app-detail-chip {
    background: linear-gradient(180deg, rgba(250, 251, 253, 0.92), rgba(240, 244, 250, 0.80));
    border-color: rgba(51, 65, 85, 0.09);
}

body.theme-default .app-nav-link:hover,
body.theme-default .app-nav-link.is-active,
body.theme-default .app-nav-link-inline:hover,
body.theme-default .app-nav-link-inline.is-active,
body.theme-default .app-nav-link-responsive:hover,
body.theme-default .app-nav-link-responsive.is-active,
body.theme-default .app-bottom-tab:hover,
body.theme-default .app-bottom-tab.is-active {
    background: linear-gradient(135deg, rgb(var(--brand-rgb) / 0.12), rgba(244, 114, 182, 0.06));
}

body.theme-default input:focus,
body.theme-default textarea:focus,
body.theme-default select:focus {
    border-color: rgb(var(--brand-rgb) / 0.55);
    box-shadow: 0 0 0 3px rgb(var(--brand-rgb) / 0.14);
}

body.theme-default .swipe-card {
    will-change: transform;
    cursor: grab;
}

body.theme-default .swipe-card:active {
    cursor: grabbing;
}

body.theme-default .swipe-card-animate {
    transition: transform 220ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

body.theme-default .swipe-card-back {
    filter: saturate(0.98) contrast(0.98);
    opacity: 0.92;
}

body.theme-default .swipe-overlay {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 2px solid rgba(255,255,255,0.9);
    color: rgba(255,255,255,0.96);
    background: rgba(0,0,0,0.25);
    backdrop-filter: blur(6px);
    --overlay-scale: 0.98;
    opacity: 0;
    transform: scale(var(--overlay-scale));
    transition: opacity 120ms ease, transform 120ms ease;
    pointer-events: none;
}

body.theme-default .swipe-overlay.is-right { left: auto; right: 16px; border-color: rgba(16, 185, 129, 0.95); }
body.theme-default .swipe-overlay.is-left { border-color: rgba(239, 68, 68, 0.95); }
body.theme-default .swipe-overlay.is-up { left: 50%; transform: translateX(-50%) scale(var(--overlay-scale)); border-color: rgba(168, 85, 247, 0.95); }
body.theme-default .swipe-overlay.is-visible { opacity: 1; --overlay-scale: 1; }

@media (prefers-reduced-motion: reduce) {
    body.theme-default .swipe-card-animate { transition: none; }
    body.theme-default .swipe-card-back { transform: none; }
    body.theme-default .swipe-overlay { transition: none; }
}