:root { --course-accent: #e76dff; --course-soft: #f7d9ff; --course-dark: #6c2479; --orange: #e76dff; --lime: #c9f45b; --teal: #6c2479; --blue: #235ee7; }
:root { --work-packet-accent: #235ee7; }
.work-packet { margin-block: 24px; }
.work-packet label { display: block; margin-block: 12px 6px; font-weight: 800; }
.work-packet .practice-presets button { min-height: 44px; padding: 8px 12px; }
.work-packet details { margin-block: 22px; }
.work-packet summary { cursor: pointer; font-weight: 800; }
.work-packet :is(button, summary):focus-visible { outline: 3px solid var(--work-packet-accent); outline-offset: 3px; }