@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --tt-primary: #0f3d56;
    --tt-primary-light: #2d6f8e;
    --tt-accent: #3aa0b4;
    --tt-sun: #f59e0b;
    --tt-bg: #f5f8fb;
    --tt-card: #ffffff;
    --tt-text: #102236;
    --tt-muted: #5d6d7f;
    --tt-border: #dce5ee;
    --tt-shadow: 0 10px 25px rgba(11, 39, 63, 0.08);
    --tt-shadow-lg: 0 20px 40px rgba(11, 39, 63, 0.16);
}

body.app-theme {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif !important;
    color: var(--tt-text);
    background:
        radial-gradient(circle at 12% -10%, rgba(245, 158, 11, 0.16) 0%, transparent 36%),
        radial-gradient(circle at 90% 0%, rgba(58, 160, 180, 0.16) 0%, transparent 32%),
        var(--tt-bg) !important;
}

body.app-theme .container,
body.app-theme .page {
    max-width: 1080px !important;
}

body.app-theme header,
body.app-theme .hero,
body.app-theme .header {
    background: linear-gradient(130deg, #123e56 0%, #1f617f 55%, #3aa0b4 100%) !important;
    color: #f8fcff !important;
    border-radius: 14px !important;
    box-shadow: var(--tt-shadow-lg) !important;
}

body.app-theme header h1,
body.app-theme .hero h1,
body.app-theme .header h1 {
    color: #f8fcff !important;
}

body.app-theme header p,
body.app-theme .hero p,
body.app-theme .header p,
body.app-theme .subtitle,
body.app-theme .header-description {
    color: rgba(248, 252, 255, 0.92) !important;
}

body.app-theme .card,
body.app-theme .step-section,
body.app-theme .result,
body.app-theme .input-section,
body.app-theme .chat-container,
body.app-theme .welcome-message,
body.app-theme .meal-section,
body.app-theme .daily-summary,
body.app-theme .option-card {
    background: var(--tt-card) !important;
    border: 1px solid var(--tt-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--tt-shadow) !important;
}

body.app-theme .btn,
body.app-theme button {
    border-radius: 10px !important;
    font-weight: 700 !important;
}

body.app-theme .btn-primary,
body.app-theme .btn-success {
    background: var(--tt-primary) !important;
    color: #fff !important;
    border: none !important;
}

body.app-theme .btn-secondary {
    background: #e9eff5 !important;
    color: var(--tt-primary) !important;
    border: 1px solid #dce8f2 !important;
}

body.app-theme .btn-accent,
body.app-theme .btn-warning {
    background: var(--tt-sun) !important;
    color: #fff !important;
    border: none !important;
}

body.app-theme #timer-banner {
    background: linear-gradient(130deg, #123e56 0%, #1f617f 55%, #3aa0b4 100%) !important;
    box-shadow: var(--tt-shadow) !important;
}

body.app-theme #timer-banner button {
    color: var(--tt-primary) !important;
}

body.app-theme #paywall-overlay>div {
    border-radius: 14px !important;
    border: 1px solid var(--tt-border) !important;
    box-shadow: var(--tt-shadow-lg) !important;
}

body.app-theme #paywall-overlay button {
    background: var(--tt-primary) !important;
    color: #fff !important;
    border: none !important;
}

body.app-theme #paywall-overlay button[onclick="buyBundle()"] {
    background: var(--tt-sun) !important;
    color: #fff !important;
}

body.app-theme footer,
body.app-theme .footer {
    background: #0e2738 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 12px;
}

body.app-theme .lang-btn,
body.app-theme .language-switcher .lang-btn {
    border-radius: 8px !important;
}

body.app-theme.app-job-search {
    --tt-sun: #f2a43a;
}

body.app-theme.app-food-diary {
    --tt-sun: #f28e4b;
}

body.app-theme.app-exam-maker {
    --tt-sun: #f1b44c;
}

body.app-theme.app-content-assistant {
    --tt-sun: #ef9f55;
}

body.app-theme.app-resume-analyzer {
    --tt-sun: #e9a23e;
}

body.app-theme.app-career-paths {
    --tt-sun: #d99b3e;
}

body.app-theme.app-interview-coach {
    --tt-sun: #f0a94f;
}