/* Classes available to authors inside lesson SVG figures. Colours follow the light/dark theme. */
:root {
  --fig-ink: #1f2937;
  --fig-soft: #6b7280;
  --fig-grid: #e5e7eb;
  --fig-acc: #2563eb;
  --fig-acc-soft: rgba(37, 99, 235, 0.14);
  --fig-acc2: #ea580c;
  --fig-acc2-soft: rgba(234, 88, 12, 0.16);
  --fig-good: #16a34a;
  --fig-good-soft: rgba(22, 163, 74, 0.15);
  --fig-bad: #dc2626;
  --fig-bad-soft: rgba(220, 38, 38, 0.13);
  --fig-paper: #ffffff;
}
[data-theme="dark"] {
  --fig-ink: #e5e7eb;
  --fig-soft: #9ca3af;
  --fig-grid: #374151;
  --fig-acc: #60a5fa;
  --fig-acc-soft: rgba(96, 165, 250, 0.2);
  --fig-acc2: #fb923c;
  --fig-acc2-soft: rgba(251, 146, 60, 0.22);
  --fig-good: #4ade80;
  --fig-good-soft: rgba(74, 222, 128, 0.18);
  --fig-bad: #f87171;
  --fig-bad-soft: rgba(248, 113, 113, 0.2);
  --fig-paper: #111827;
}
svg.fig { display: block; max-width: 100%; height: auto; margin: 0 auto; overflow: visible; }
.fig text { font-family: inherit; }
.fig .ln { stroke: var(--fig-ink); stroke-width: 2; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.fig .ln-thin { stroke: var(--fig-soft); stroke-width: 1.25; fill: none; }
.fig .dash { stroke: var(--fig-soft); stroke-width: 1.5; stroke-dasharray: 5 4; fill: none; }
.fig .acc { stroke: var(--fig-acc); stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.fig .acc2 { stroke: var(--fig-acc2); stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.fig .good { stroke: var(--fig-good); stroke-width: 2.5; fill: none; }
.fig .bad { stroke: var(--fig-bad); stroke-width: 2.5; fill: none; }
.fig .fill-a { fill: var(--fig-acc-soft); stroke: none; }
.fig .fill-b { fill: var(--fig-acc2-soft); stroke: none; }
.fig .fill-g { fill: var(--fig-good-soft); stroke: none; }
.fig .fill-r { fill: var(--fig-bad-soft); stroke: none; }
.fig .fill-paper { fill: var(--fig-paper); }
.fig .dot { fill: var(--fig-ink); stroke: none; }
.fig .dot-a { fill: var(--fig-acc); stroke: none; }
.fig .dot-b { fill: var(--fig-acc2); stroke: none; }
.fig .dot-open { fill: var(--fig-paper); stroke: var(--fig-acc); stroke-width: 2; }
.fig .dot-good { fill: var(--fig-good); stroke: none; }
.fig .dot-bad { fill: var(--fig-bad); stroke: none; }
.fig .dot-soft { fill: var(--fig-soft); stroke: none; }
.fig .ang { stroke: var(--fig-acc2); stroke-width: 1.5; fill: var(--fig-acc2-soft); }
.fig .right { stroke: var(--fig-soft); stroke-width: 1.25; fill: none; }
.fig .grid { stroke: var(--fig-grid); stroke-width: 1; fill: none; }
.fig .axis { stroke: var(--fig-soft); stroke-width: 1.5; fill: none; }
.fig .lbl { fill: var(--fig-ink); font-size: 15px; font-weight: 600; }
.fig .lbl-s { fill: var(--fig-soft); font-size: 13px; font-weight: 500; }
.fig .lbl-a { fill: var(--fig-acc); font-size: 15px; font-weight: 700; }
.fig .lbl-b { fill: var(--fig-acc2); font-size: 15px; font-weight: 700; }
.fig .lbl-g { fill: var(--fig-good); font-size: 15px; font-weight: 700; }
.fig .it { font-style: italic; }
.fig .mid { text-anchor: middle; }
.fig .end { text-anchor: end; }