/* ═══════════════════════════════════════════════════════════════════
   SIMPLE PRESENT TENSE: BE - SPECIFIC OVERRIDES
   Category: Tenses - Color Scheme: #4caf50 (Green)
   Extends shared.css with Tenses-specific styling
   ═══════════════════════════════════════════════════════════════════ */

/* ─── TENSES CATEGORY COLOR OVERRIDES ─── */
:root {
    --tenses-primary: #4caf50;           /* Green primary */
    --tenses-primary-dark: #388e3c;      /* Dark green */
    --card-accent: #2196f3;              /* Blue - Interactive card accent */
    --card-accent-dark: #1976d2;         /* Dark blue for hover states */
}

/* ─── SECTION TITLE OVERRIDE ─── */
.section-title {
    background: linear-gradient(135deg, var(--tenses-primary), #66bb6a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: var(--tenses-primary); /* Fallback */
}

/* ─── INFO BLOCK OVERRIDES ─── */
.info-block .info-label {
    color: var(--tenses-primary);
    border-bottom-color: var(--tenses-primary);
}

/* ─── USAGE RULE BOX OVERRIDES ─── */
.usage-rule-box h4 {
    color: var(--tenses-primary-dark);
    border-bottom-color: var(--tenses-primary);
}

/* ─── GRAMMAR ELEMENT HIGHLIGHTING ─── */
.verb {
    background: rgba(76, 175, 80, 0.2);
    color: var(--tenses-primary-dark);
}

.verb:hover {
    background: rgba(76, 175, 80, 0.3);
}

/* ─── SPECIFIC SIMPLE PRESENT BE STYLES ─── */
.interactive-example .sentence {
    border-left-color: var(--tenses-primary);
}

/* ─── MISTAKE EXAMPLES ─── */
.mistake-example.correct .mistake-icon {
    color: var(--tenses-primary);
}