/* PREMIUM-V2 THEME - Dark Beige/Charcoal (Next-gen) */
:root {
    /* Main Colors */
    --calc-bg: #282828;
    --calc-surface: #3A3A3A;
    --calc-text: #F9F5EF;
    --calc-text-muted: #8B8578;
    --calc-accent: #C9A961;
    --calc-accent-text: #282828;
    --calc-accent-shadow: rgba(201, 169, 97, 0.2);
    --calc-border: #4A4A4A;
    --calc-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);

    /* Status Colors */
    --calc-error: #FF6B6B;
    --calc-warning: #FFB020;
    --calc-success: #66BB6A;

    /* Status Colors */
    --calc-danger: #E74C3C;
    --calc-danger-bg: rgba(231, 76, 60, 0.15);
    --calc-danger-text: #E74C3C;
    --calc-warning: #F39C12;
    --calc-warning-bg: rgba(243, 156, 18, 0.15);
    --calc-warning-text: #F39C12;
    --calc-success: #27AE60;

    /* Educational Components */
    --calc-tutorial-bg: rgba(201, 169, 97, 0.1);
    --calc-tooltip-bg: rgba(201, 169, 97, 0.1);
    --calc-tooltip-content-bg: #C9A961;
    --calc-tooltip-content-text: #282828;
    --calc-formula-bg: rgba(201, 169, 97, 0.05);
    --calc-code-bg: #1C1C1C;
    --calc-code-text: #C9A961;
}

body {
    background: #282828;
}

.back-link svg {
    color: #C9A961;
}

.preset-btn:hover {
    box-shadow: 0 2px 8px rgba(201, 169, 97, 0.2);
}

.modal-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.modal-content {
    background: #3A3A3A;
    color: #F9F5EF;
    border: 1px solid #4A4A4A;
}

.modal-header {
    border-bottom-color: #4A4A4A;
}

.modal-input,
.modal-textarea {
    background: #282828;
    color: #F9F5EF;
    border-color: #4A4A4A;
}

.modal-input::placeholder,
.modal-textarea::placeholder {
    color: #8B8578;
}