/* ========================================
   Energy Yi — Claude-Style Theme
   Warm cream canvas, coral accents, serif display
   ======================================== */

body.claude-theme {
    --ink-black: #141413;
    --scroll-white: #faf9f5;
    --cinnabar: #cc785c;
    --gold: #cc785c;
    --bronze: #a9583e;
    --mist: #e6dfd8;
    --parchment: #efe9de;
    --surface-dark: #181715;
    --surface-card: #efe9de;
    --hairline: #e6dfd8;
}

body.claude-theme {
    background: var(--scroll-white);
    color: var(--ink-black);
    font-family: 'Inter', system-ui, sans-serif;
}

body.claude-theme .navbar {
    background: rgba(250, 249, 245, 0.95);
    border-bottom: 1px solid var(--hairline);
}

body.claude-theme .nav-link.active {
    background: var(--surface-card);
    color: var(--ink-black);
}

body.claude-theme .feature-card,
body.claude-theme .document-card,
body.claude-theme .advice-card,
body.claude-theme .suggestion-card,
body.claude-theme .knowledge-stats,
body.claude-theme .learning-path,
body.claude-theme .chart-container {
    background: var(--surface-card);
    border-color: var(--hairline);
}

body.claude-theme .form-group input,
body.claude-theme .form-group select,
body.claude-theme .form-group textarea {
    background: var(--scroll-white);
    border: 1px solid var(--hairline);
    color: var(--ink-black);
}

body.claude-theme .btn-outline {
    border-color: var(--hairline);
    color: var(--ink-black);
}

body.claude-theme .btn-outline:hover {
    background: var(--surface-card);
}

body.claude-theme .result-placeholder {
    border-color: var(--hairline);
}