/* Biology Worksheet Styles */
@import url('./worksheet.css');

:root {
    --primary-color:  #004d1a;
    --primary-light:  #005e22;
    --accent-color:   #005e22;
    --accent-light:   #dff0e4;
    --accent-lighter: #f4fbf6;
    --accent-border:  #a8d4b4;
}

.header { border-bottom-color: var(--accent-color); }
.header::before { content: "🌿"; }
.spec-ref { color: var(--primary-color); }
h1 { color: var(--primary-color); }
.subtitle { color: var(--primary-light); }

h2 {
    background: var(--accent-light);
    border-left-color: var(--accent-color);
    color: var(--primary-color);
}

h2.biology-section {
    background: var(--accent-light);
    border-left-color: var(--accent-color);
    color: var(--primary-color);
}

.question-number { color: var(--primary-color); }
.answer-space { border-color: var(--accent-border); background: var(--accent-lighter); }
.definition-box { background: var(--accent-light); border-left-color: var(--accent-color); }
.definition-box strong { color: var(--primary-color); }
.marks { color: var(--primary-light); }

.venn-space, .diagram-box, .grid-space {
    border-color: var(--accent-color);
    background: var(--accent-lighter);
}

.grid-space {
    background:
        repeating-linear-gradient(0deg, #dff0e4 0px, #dff0e4 1px, transparent 1px, transparent 20px),
        repeating-linear-gradient(90deg, #dff0e4 0px, #dff0e4 1px, transparent 1px, transparent 20px);
}

.instruction { color: var(--primary-light); }
.info-item { border-bottom-color: var(--accent-border); }
table { border-color: var(--accent-border); }
th, td { border-color: var(--accent-border); }
th { background: var(--accent-light); color: var(--primary-color); }
.mark-scheme { border-top-color: var(--accent-color); }