:root {
            --primary-color: #2c7da0;
            --secondary-color: #a9d6e5;
            --accent-color: #01497c;
            --light-gray: #f8f9fa;
            --border-color: #eaeaea;
            --text-color: #333;
            --text-muted: #6c757d;
            --success-color: #28a745;
            --warning-color: #ffc107;
            --danger-color: #dc3545;
            --math-color: #6f42c1;
            --calc-color: #e83e8c;
        } 
 
        .btn-outline-success { font-weight: 600; }
        .math-result { padding: 12px; background-color: white; border-radius: 4px; border: 1px solid #eee; font-size: 1.1rem; font-family: 'Cambria Math', serif; margin: 10px 0; text-align: center; }
        .math-equation { font-size: 1.3rem; padding: 15px; background-color: rgba(111, 66, 193, 0.05); border-left: 4px solid var(--math-color); border-radius: 4px; margin: 15px 0; }
        .radio-group { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1rem 0; padding: 0.75rem; background: white; border-radius: 6px; border: 1px solid var(--border-color); }
        .radio-group .form-check { display: flex; align-items: center; }
        .radio-group .form-check-input { margin-right: 0.4rem; }
        .math-box { background-color: rgba(111, 66, 193, 0.05); border-left: 3px solid var(--math-color); padding: 1rem; border-radius: 0 4px 4px 0; margin: 1.5rem 0; }
        .example-btn { background-color: rgba(44, 125, 160, 0.1); border: 1px solid rgba(44, 125, 160, 0.2); border-radius: 4px; padding: 0.5rem 0.75rem; font-size: 0.9rem; color: var(--primary-color); cursor: pointer; transition: all 0.2s; font-family: 'Courier New', monospace; }
        .example-btn:hover { background-color: rgba(44, 125, 160, 0.2); transform: translateY(-2px); }
        .table th { background-color: var(--light-gray); }
        .error-message { color: var(--danger-color); font-weight: 500; }
        .input-validation-error { border-color: var(--danger-color) !important; }