Calc2

frontend/app/assets/css/_tokens.scss

@@ -25,6 +25,16 @@
   --shadow-lg: 0 4px 12px rgb(16 24 40 / 8%), 0 16px 40px -12px rgb(16 24 40 / 18%);
   --ring: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
 
+  // math callout boxes — ```theorem, ```example, … (see utils/markdown.ts):
+  // each kind keeps one hue day and night, so the colour always means the same
+  --box-example: #16a34a;
+  --box-theorem: #d1344b;
+  --box-corollary: #d97706;
+  --box-definition: #2563eb;
+  --box-proof: #64748b;
+  --box-proposition: #7c3aed;
+  --box-lemma: #0d9488;
+
   // code token colors (light)
   --tok-key: #8250df;
   --tok-str: #0a3069;
@@ -64,6 +74,15 @@
   --shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);
   --shadow-lg: 0 4px 16px rgb(0 0 0 / 40%), 0 24px 48px -16px rgb(0 0 0 / 55%);
 
+  // math callout boxes (dark)
+  --box-example: #4ade80;
+  --box-theorem: #f47085;
+  --box-corollary: #fbbf24;
+  --box-definition: #60a5fa;
+  --box-proof: #94a3b8;
+  --box-proposition: #a78bfa;
+  --box-lemma: #2dd4bf;
+
   // code token colors (dark)
   --tok-key: #c792ea;
   --tok-str: #9ece6a;