@calliopelabs/ui 0.13.0 → 0.14.0

package/dist/tokens/tokens.py

@@ -0,0 +1,1043 @@
+"""@calliopelabs/ui tokens for Python, as RGB triplets.
+
+Generated by `npm run theme` from the design tokens (tokens/*.json). Do not edit by hand.
+
+Every colour token of every ground and family accent, as the preset paints it
+with no product brand. Translucent tokens (hairlines, tints) are given two
+ways: rgb() lays them on their surface (sidebar-* on the sidebar, the rest on
+the background) for targets with no alpha, and rgba() keeps the alpha.
+
+    from calliope_tokens import rgb, triplet, palette
+
+    rgb("background", "charcoal")           # (14, 15, 16)
+    triplet("primary", "paper", "copper")   # "156 87 48", for rgb(var(--x) / 0.2)
+    palette("emerald")                      # {"background": (5, 11, 8), ...}
+
+See README.python.md.
+"""
+
+from __future__ import annotations
+
+GROUNDS: dict[str, str] = {
+    "black": "dark",
+    "charcoal": "dark",
+    "graphite": "dark",
+    "emerald": "dark",
+    "navy": "dark",
+    "paper": "light",
+    "mist": "light",
+}
+"""Every ground and its mode ("dark" or "light")."""
+
+ACCENTS: tuple[str, ...] = ("green", "copper", "ice", "periwinkle", "amber")
+"""The family accents."""
+
+TOKENS: tuple[str, ...] = (
+    "background",
+    "foreground",
+    "card",
+    "card-foreground",
+    "popover",
+    "popover-foreground",
+    "primary",
+    "primary-foreground",
+    "secondary",
+    "secondary-foreground",
+    "muted",
+    "muted-foreground",
+    "accent",
+    "accent-foreground",
+    "destructive",
+    "border",
+    "input",
+    "ring",
+    "chart-1",
+    "chart-2",
+    "chart-3",
+    "chart-4",
+    "chart-5",
+    "sidebar",
+    "sidebar-foreground",
+    "sidebar-primary",
+    "sidebar-primary-foreground",
+    "sidebar-accent",
+    "sidebar-accent-foreground",
+    "sidebar-border",
+    "sidebar-ring",
+    "sidebar-muted-foreground",
+    "surface-0",
+    "surface-1",
+    "surface-2",
+    "success",
+    "success-fg",
+    "success-bg",
+    "success-border",
+    "warning",
+    "warning-fg",
+    "warning-bg",
+    "warning-border",
+    "info",
+    "info-fg",
+    "info-bg",
+    "info-border",
+    "danger",
+    "danger-fg",
+    "danger-bg",
+    "danger-border",
+)
+"""Every colour token, by its CSS name without the leading dashes."""
+
+DEFAULT_GROUND = "black"
+DEFAULT_ACCENT = "green"
+
+RADIUS_PX = 2
+MOTION_MS: dict[str, int] = {
+    "fast": 120,
+    "base": 200,
+    "slow": 320,
+}
+FONTS: dict[str, str] = {
+    "sans": "var(--font-plex-sans, \"IBM Plex Sans\"), system-ui, sans-serif",
+    "mono": "var(--font-plex-mono, \"IBM Plex Mono\"), ui-monospace, SFMono-Regular, Menlo, monospace",
+    "head": "var(--font-dm-sans, \"DM Sans\"), system-ui, sans-serif",
+}
+"""CSS font stacks, as the preset sets --font-sans, --font-mono and --font-head."""
+
+Triplet = tuple[int, int, int]
+Rgba = tuple[int, int, int, float]
+
+# Per ground: what every accent agrees on. Per ground and accent: the rest.
+_GROUND_RGB: dict[str, dict[str, Triplet]] = {
+    "black": {
+        "background": (0, 0, 0),
+        "foreground": (240, 242, 241),
+        "card": (10, 10, 10),
+        "card-foreground": (240, 242, 241),
+        "popover": (20, 20, 20),
+        "popover-foreground": (240, 242, 241),
+        "secondary": (22, 22, 22),
+        "secondary-foreground": (240, 242, 241),
+        "muted": (17, 17, 17),
+        "muted-foreground": (132, 139, 136),
+        "accent": (27, 27, 27),
+        "accent-foreground": (240, 242, 241),
+        "destructive": (255, 107, 107),
+        "border": (26, 26, 26),
+        "input": (26, 26, 26),
+        "chart-2": (143, 216, 42),
+        "sidebar": (10, 10, 10),
+        "sidebar-foreground": (240, 242, 241),
+        "sidebar-accent-foreground": (240, 242, 241),
+        "sidebar-border": (30, 30, 30),
+        "sidebar-muted-foreground": (132, 139, 136),
+        "surface-0": (0, 0, 0),
+        "surface-1": (10, 10, 10),
+        "surface-2": (20, 20, 20),
+        "success": (143, 216, 42),
+        "success-fg": (166, 227, 77),
+        "success-bg": (14, 22, 4),
+        "success-border": (50, 76, 15),
+        "warning": (240, 195, 78),
+        "warning-fg": (240, 195, 78),
+        "warning-bg": (24, 20, 8),
+        "warning-border": (84, 68, 27),
+        "info": (47, 158, 82),
+        "info-fg": (92, 187, 121),
+        "info-bg": (7, 22, 11),
+        "info-border": (19, 63, 33),
+        "danger": (255, 107, 107),
+        "danger-fg": (255, 138, 138),
+        "danger-bg": (26, 11, 11),
+        "danger-border": (89, 37, 37),
+    },
+    "charcoal": {
+        "background": (14, 15, 16),
+        "foreground": (240, 242, 241),
+        "card": (22, 24, 25),
+        "card-foreground": (240, 242, 241),
+        "popover": (30, 32, 34),
+        "popover-foreground": (240, 242, 241),
+        "secondary": (32, 35, 37),
+        "secondary-foreground": (240, 242, 241),
+        "muted": (25, 27, 28),
+        "muted-foreground": (139, 145, 148),
+        "accent": (35, 38, 40),
+        "accent-foreground": (240, 242, 241),
+        "destructive": (255, 107, 107),
+        "border": (38, 39, 40),
+        "input": (38, 39, 40),
+        "chart-2": (143, 216, 42),
+        "sidebar": (22, 24, 25),
+        "sidebar-foreground": (240, 242, 241),
+        "sidebar-accent-foreground": (240, 242, 241),
+        "sidebar-border": (41, 42, 43),
+        "sidebar-muted-foreground": (139, 145, 148),
+        "surface-0": (14, 15, 16),
+        "surface-1": (22, 24, 25),
+        "surface-2": (30, 32, 34),
+        "success": (143, 216, 42),
+        "success-fg": (166, 227, 77),
+        "success-bg": (27, 35, 19),
+        "success-border": (59, 85, 25),
+        "warning": (240, 195, 78),
+        "warning-fg": (240, 195, 78),
+        "warning-bg": (37, 33, 22),
+        "warning-border": (93, 78, 38),
+        "info": (47, 158, 82),
+        "info-fg": (92, 187, 121),
+        "info-bg": (19, 35, 25),
+        "info-border": (27, 72, 42),
+        "danger": (255, 107, 107),
+        "danger-fg": (255, 138, 138),
+        "danger-bg": (38, 24, 25),
+        "danger-border": (98, 47, 48),
+    },
+    "graphite": {
+        "background": (17, 18, 20),
+        "foreground": (240, 242, 241),
+        "card": (24, 25, 27),
+        "card-foreground": (240, 242, 241),
+        "popover": (32, 33, 36),
+        "popover-foreground": (240, 242, 241),
+        "secondary": (34, 35, 38),
+        "secondary-foreground": (240, 242, 241),
+        "muted": (27, 28, 30),
+        "muted-foreground": (142, 146, 150),
+        "accent": (38, 39, 42),
+        "accent-foreground": (240, 242, 241),
+        "destructive": (255, 107, 107),
+        "border": (38, 39, 41),
+        "input": (41, 42, 44),
+        "chart-2": (143, 216, 42),
+        "sidebar": (22, 23, 25),
+        "sidebar-foreground": (240, 242, 241),
+        "sidebar-accent-foreground": (240, 242, 241),
+        "sidebar-border": (38, 39, 41),
+        "sidebar-muted-foreground": (142, 146, 150),
+        "surface-0": (17, 18, 20),
+        "surface-1": (24, 25, 27),
+        "surface-2": (32, 33, 36),
+        "success": (143, 216, 42),
+        "success-fg": (166, 227, 77),
+        "success-bg": (30, 38, 22),
+        "success-border": (61, 87, 28),
+        "warning": (240, 195, 78),
+        "warning-fg": (240, 195, 78),
+        "warning-bg": (39, 36, 26),
+        "warning-border": (95, 80, 40),
+        "info": (47, 158, 82),
+        "info-fg": (92, 187, 121),
+        "info-bg": (21, 38, 29),
+        "info-border": (29, 74, 45),
+        "danger": (255, 107, 107),
+        "danger-fg": (255, 138, 138),
+        "danger-bg": (41, 27, 29),
+        "danger-border": (100, 49, 50),
+    },
+    "emerald": {
+        "background": (5, 11, 8),
+        "foreground": (240, 242, 241),
+        "card": (10, 19, 16),
+        "card-foreground": (240, 242, 241),
+        "popover": (13, 24, 20),
+        "popover-foreground": (240, 242, 241),
+        "secondary": (18, 29, 24),
+        "secondary-foreground": (240, 242, 241),
+        "muted": (16, 26, 21),
+        "muted-foreground": (139, 161, 153),
+        "accent": (22, 38, 31),
+        "accent-foreground": (240, 242, 241),
+        "destructive": (255, 107, 107),
+        "border": (30, 35, 33),
+        "input": (30, 35, 33),
+        "chart-2": (143, 216, 42),
+        "sidebar": (10, 19, 16),
+        "sidebar-foreground": (240, 242, 241),
+        "sidebar-accent-foreground": (240, 242, 241),
+        "sidebar-border": (30, 38, 35),
+        "sidebar-muted-foreground": (139, 161, 153),
+        "surface-0": (5, 11, 8),
+        "surface-1": (10, 19, 16),
+        "surface-2": (13, 24, 20),
+        "success": (143, 216, 42),
+        "success-fg": (166, 227, 77),
+        "success-bg": (19, 32, 11),
+        "success-border": (53, 83, 20),
+        "warning": (240, 195, 78),
+        "warning-fg": (240, 195, 78),
+        "warning-bg": (29, 29, 15),
+        "warning-border": (87, 75, 33),
+        "info": (47, 158, 82),
+        "info-fg": (92, 187, 121),
+        "info-bg": (11, 32, 18),
+        "info-border": (22, 70, 38),
+        "danger": (255, 107, 107),
+        "danger-fg": (255, 138, 138),
+        "danger-bg": (30, 21, 18),
+        "danger-border": (93, 45, 43),
+    },
+    "navy": {
+        "background": (11, 17, 32),
+        "foreground": (240, 242, 241),
+        "card": (21, 33, 65),
+        "card-foreground": (240, 242, 241),
+        "popover": (26, 40, 74),
+        "popover-foreground": (240, 242, 241),
+        "secondary": (29, 43, 80),
+        "secondary-foreground": (240, 242, 241),
+        "muted": (24, 37, 69),
+        "muted-foreground": (151, 166, 194),
+        "accent": (33, 49, 87),
+        "accent-foreground": (240, 242, 241),
+        "destructive": (255, 107, 107),
+        "border": (35, 41, 54),
+        "input": (35, 41, 54),
+        "chart-2": (143, 216, 42),
+        "sidebar": (21, 33, 65),
+        "sidebar-foreground": (240, 242, 241),
+        "sidebar-accent-foreground": (240, 242, 241),
+        "sidebar-border": (40, 51, 80),
+        "sidebar-muted-foreground": (151, 166, 194),
+        "surface-0": (11, 17, 32),
+        "surface-1": (21, 33, 65),
+        "surface-2": (26, 40, 74),
+        "success": (143, 216, 42),
+        "success-fg": (166, 227, 77),
+        "success-bg": (24, 37, 33),
+        "success-border": (57, 87, 36),
+        "warning": (240, 195, 78),
+        "warning-fg": (240, 195, 78),
+        "warning-bg": (34, 35, 37),
+        "warning-border": (91, 79, 48),
+        "info": (47, 158, 82),
+        "info-fg": (92, 187, 121),
+        "info-bg": (16, 37, 39),
+        "info-border": (25, 73, 52),
+        "danger": (255, 107, 107),
+        "danger-fg": (255, 138, 138),
+        "danger-bg": (35, 26, 40),
+        "danger-border": (96, 49, 58),
+    },
+    "paper": {
+        "background": (250, 246, 238),
+        "foreground": (30, 29, 27),
+        "card": (255, 253, 249),
+        "card-foreground": (30, 29, 27),
+        "popover": (255, 253, 249),
+        "popover-foreground": (30, 29, 27),
+        "primary-foreground": (243, 251, 247),
+        "secondary": (243, 238, 228),
+        "secondary-foreground": (30, 29, 27),
+        "muted": (243, 238, 228),
+        "muted-foreground": (92, 91, 88),
+        "accent": (240, 230, 218),
+        "accent-foreground": (30, 29, 27),
+        "destructive": (212, 12, 26),
+        "border": (222, 218, 210),
+        "input": (222, 218, 210),
+        "chart-2": (92, 156, 26),
+        "chart-3": (138, 122, 92),
+        "chart-4": (184, 134, 11),
+        "chart-5": (38, 128, 63),
+        "sidebar": (245, 240, 228),
+        "sidebar-foreground": (30, 29, 27),
+        "sidebar-primary-foreground": (243, 251, 247),
+        "sidebar-accent": (240, 230, 218),
+        "sidebar-accent-foreground": (30, 29, 27),
+        "sidebar-border": (222, 218, 210),
+        "sidebar-muted-foreground": (92, 91, 88),
+        "surface-0": (250, 246, 238),
+        "surface-1": (255, 253, 249),
+        "surface-2": (255, 253, 249),
+        "success": (80, 141, 35),
+        "success-fg": (48, 90, 18),
+        "success-bg": (227, 245, 218),
+        "success-border": (180, 215, 162),
+        "warning": (203, 122, 0),
+        "warning-fg": (130, 76, 18),
+        "warning-bg": (254, 240, 212),
+        "warning-border": (232, 193, 132),
+        "info": (47, 133, 67),
+        "info-fg": (27, 98, 45),
+        "info-bg": (226, 244, 227),
+        "info-border": (172, 216, 177),
+        "danger": (223, 34, 37),
+        "danger-fg": (187, 9, 22),
+        "danger-bg": (255, 234, 233),
+        "danger-border": (255, 177, 170),
+    },
+    "mist": {
+        "background": (242, 247, 249),
+        "foreground": (30, 29, 27),
+        "card": (255, 255, 255),
+        "card-foreground": (30, 29, 27),
+        "popover": (255, 255, 255),
+        "popover-foreground": (30, 29, 27),
+        "primary-foreground": (243, 251, 247),
+        "secondary": (233, 239, 242),
+        "secondary-foreground": (30, 29, 27),
+        "muted": (233, 239, 242),
+        "muted-foreground": (92, 91, 88),
+        "accent": (223, 234, 240),
+        "accent-foreground": (30, 29, 27),
+        "destructive": (212, 12, 26),
+        "border": (214, 220, 223),
+        "input": (214, 220, 223),
+        "chart-2": (92, 156, 26),
+        "chart-3": (138, 122, 92),
+        "chart-4": (184, 134, 11),
+        "chart-5": (38, 128, 63),
+        "sidebar": (233, 241, 245),
+        "sidebar-foreground": (30, 29, 27),
+        "sidebar-primary-foreground": (243, 251, 247),
+        "sidebar-accent": (223, 234, 240),
+        "sidebar-accent-foreground": (30, 29, 27),
+        "sidebar-border": (214, 220, 223),
+        "sidebar-muted-foreground": (92, 91, 88),
+        "surface-0": (242, 247, 249),
+        "surface-1": (255, 255, 255),
+        "surface-2": (255, 255, 255),
+        "success": (80, 141, 35),
+        "success-fg": (48, 90, 18),
+        "success-bg": (227, 245, 218),
+        "success-border": (180, 215, 162),
+        "warning": (203, 122, 0),
+        "warning-fg": (130, 76, 18),
+        "warning-bg": (254, 240, 212),
+        "warning-border": (232, 193, 132),
+        "info": (47, 133, 67),
+        "info-fg": (27, 98, 45),
+        "info-bg": (226, 244, 227),
+        "info-border": (172, 216, 177),
+        "danger": (223, 34, 37),
+        "danger-fg": (187, 9, 22),
+        "danger-bg": (255, 234, 233),
+        "danger-border": (255, 177, 170),
+    },
+}
+
+_ACCENT_RGB: dict[str, dict[str, dict[str, Triplet]]] = {
+    "black": {
+        "green": {
+            "primary": (47, 158, 82),
+            "primary-foreground": (4, 36, 27),
+            "ring": (47, 158, 82),
+            "chart-1": (47, 158, 82),
+            "chart-3": (203, 243, 157),
+            "chart-4": (224, 179, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (47, 158, 82),
+            "sidebar-primary-foreground": (4, 36, 27),
+            "sidebar-accent": (16, 34, 22),
+            "sidebar-ring": (47, 158, 82),
+        },
+        "copper": {
+            "primary": (201, 123, 74),
+            "primary-foreground": (20, 10, 4),
+            "ring": (201, 123, 74),
+            "chart-1": (201, 123, 74),
+            "chart-3": (217, 199, 163),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (201, 123, 74),
+            "sidebar-primary-foreground": (20, 10, 4),
+            "sidebar-accent": (41, 28, 20),
+            "sidebar-ring": (201, 123, 74),
+        },
+        "ice": {
+            "primary": (110, 159, 196),
+            "primary-foreground": (6, 19, 28),
+            "ring": (110, 159, 196),
+            "chart-1": (110, 159, 196),
+            "chart-3": (185, 212, 228),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (110, 159, 196),
+            "sidebar-primary-foreground": (6, 19, 28),
+            "sidebar-accent": (26, 34, 40),
+            "sidebar-ring": (110, 159, 196),
+        },
+        "periwinkle": {
+            "primary": (139, 143, 217),
+            "primary-foreground": (11, 12, 26),
+            "ring": (139, 143, 217),
+            "chart-1": (139, 143, 217),
+            "chart-3": (195, 197, 236),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (139, 143, 217),
+            "sidebar-primary-foreground": (11, 12, 26),
+            "sidebar-accent": (31, 31, 43),
+            "sidebar-ring": (139, 143, 217),
+        },
+        "amber": {
+            "primary": (224, 179, 74),
+            "primary-foreground": (26, 18, 4),
+            "ring": (224, 179, 74),
+            "chart-1": (224, 179, 74),
+            "chart-3": (203, 243, 157),
+            "chart-4": (201, 123, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (224, 179, 74),
+            "sidebar-primary-foreground": (26, 18, 4),
+            "sidebar-accent": (44, 37, 20),
+            "sidebar-ring": (224, 179, 74),
+        },
+    },
+    "charcoal": {
+        "green": {
+            "primary": (47, 158, 82),
+            "primary-foreground": (4, 36, 27),
+            "ring": (47, 158, 82),
+            "chart-1": (47, 158, 82),
+            "chart-3": (203, 243, 157),
+            "chart-4": (224, 179, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (47, 158, 82),
+            "sidebar-primary-foreground": (4, 36, 27),
+            "sidebar-accent": (26, 45, 34),
+            "sidebar-ring": (47, 158, 82),
+        },
+        "copper": {
+            "primary": (201, 123, 74),
+            "primary-foreground": (20, 10, 4),
+            "ring": (201, 123, 74),
+            "chart-1": (201, 123, 74),
+            "chart-3": (217, 199, 163),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (201, 123, 74),
+            "sidebar-primary-foreground": (20, 10, 4),
+            "sidebar-accent": (51, 40, 33),
+            "sidebar-ring": (201, 123, 74),
+        },
+        "ice": {
+            "primary": (110, 159, 196),
+            "primary-foreground": (6, 19, 28),
+            "ring": (110, 159, 196),
+            "chart-1": (110, 159, 196),
+            "chart-3": (185, 212, 228),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (110, 159, 196),
+            "sidebar-primary-foreground": (6, 19, 28),
+            "sidebar-accent": (36, 46, 52),
+            "sidebar-ring": (110, 159, 196),
+        },
+        "periwinkle": {
+            "primary": (139, 143, 217),
+            "primary-foreground": (11, 12, 26),
+            "ring": (139, 143, 217),
+            "chart-1": (139, 143, 217),
+            "chart-3": (195, 197, 236),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (139, 143, 217),
+            "sidebar-primary-foreground": (11, 12, 26),
+            "sidebar-accent": (41, 43, 56),
+            "sidebar-ring": (139, 143, 217),
+        },
+        "amber": {
+            "primary": (224, 179, 74),
+            "primary-foreground": (26, 18, 4),
+            "ring": (224, 179, 74),
+            "chart-1": (224, 179, 74),
+            "chart-3": (203, 243, 157),
+            "chart-4": (201, 123, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (224, 179, 74),
+            "sidebar-primary-foreground": (26, 18, 4),
+            "sidebar-accent": (54, 49, 33),
+            "sidebar-ring": (224, 179, 74),
+        },
+    },
+    "graphite": {
+        "green": {
+            "primary": (47, 158, 82),
+            "primary-foreground": (4, 36, 27),
+            "ring": (47, 158, 82),
+            "chart-1": (47, 158, 82),
+            "chart-3": (203, 243, 157),
+            "chart-4": (224, 179, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (47, 158, 82),
+            "sidebar-primary-foreground": (4, 36, 27),
+            "sidebar-accent": (26, 42, 33),
+            "sidebar-ring": (47, 158, 82),
+        },
+        "copper": {
+            "primary": (201, 123, 74),
+            "primary-foreground": (20, 10, 4),
+            "ring": (201, 123, 74),
+            "chart-1": (201, 123, 74),
+            "chart-3": (217, 199, 163),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (201, 123, 74),
+            "sidebar-primary-foreground": (20, 10, 4),
+            "sidebar-accent": (47, 37, 32),
+            "sidebar-ring": (201, 123, 74),
+        },
+        "ice": {
+            "primary": (110, 159, 196),
+            "primary-foreground": (6, 19, 28),
+            "ring": (110, 159, 196),
+            "chart-1": (110, 159, 196),
+            "chart-3": (185, 212, 228),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (110, 159, 196),
+            "sidebar-primary-foreground": (6, 19, 28),
+            "sidebar-accent": (34, 42, 49),
+            "sidebar-ring": (110, 159, 196),
+        },
+        "periwinkle": {
+            "primary": (139, 143, 217),
+            "primary-foreground": (11, 12, 26),
+            "ring": (139, 143, 217),
+            "chart-1": (139, 143, 217),
+            "chart-3": (195, 197, 236),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (139, 143, 217),
+            "sidebar-primary-foreground": (11, 12, 26),
+            "sidebar-accent": (38, 40, 52),
+            "sidebar-ring": (139, 143, 217),
+        },
+        "amber": {
+            "primary": (224, 179, 74),
+            "primary-foreground": (26, 18, 4),
+            "ring": (224, 179, 74),
+            "chart-1": (224, 179, 74),
+            "chart-3": (203, 243, 157),
+            "chart-4": (201, 123, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (224, 179, 74),
+            "sidebar-primary-foreground": (26, 18, 4),
+            "sidebar-accent": (50, 45, 32),
+            "sidebar-ring": (224, 179, 74),
+        },
+    },
+    "emerald": {
+        "green": {
+            "primary": (47, 158, 82),
+            "primary-foreground": (4, 36, 27),
+            "ring": (47, 158, 82),
+            "chart-1": (47, 158, 82),
+            "chart-3": (203, 243, 157),
+            "chart-4": (224, 179, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (47, 158, 82),
+            "sidebar-primary-foreground": (4, 36, 27),
+            "sidebar-accent": (16, 41, 27),
+            "sidebar-ring": (47, 158, 82),
+        },
+        "copper": {
+            "primary": (201, 123, 74),
+            "primary-foreground": (20, 10, 4),
+            "ring": (201, 123, 74),
+            "chart-1": (201, 123, 74),
+            "chart-3": (217, 199, 163),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (201, 123, 74),
+            "sidebar-primary-foreground": (20, 10, 4),
+            "sidebar-accent": (41, 36, 25),
+            "sidebar-ring": (201, 123, 74),
+        },
+        "ice": {
+            "primary": (110, 159, 196),
+            "primary-foreground": (6, 19, 28),
+            "ring": (110, 159, 196),
+            "chart-1": (110, 159, 196),
+            "chart-3": (185, 212, 228),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (110, 159, 196),
+            "sidebar-primary-foreground": (6, 19, 28),
+            "sidebar-accent": (26, 41, 45),
+            "sidebar-ring": (110, 159, 196),
+        },
+        "periwinkle": {
+            "primary": (139, 143, 217),
+            "primary-foreground": (11, 12, 26),
+            "ring": (139, 143, 217),
+            "chart-1": (139, 143, 217),
+            "chart-3": (195, 197, 236),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (139, 143, 217),
+            "sidebar-primary-foreground": (11, 12, 26),
+            "sidebar-accent": (31, 39, 48),
+            "sidebar-ring": (139, 143, 217),
+        },
+        "amber": {
+            "primary": (224, 179, 74),
+            "primary-foreground": (26, 18, 4),
+            "ring": (224, 179, 74),
+            "chart-1": (224, 179, 74),
+            "chart-3": (203, 243, 157),
+            "chart-4": (201, 123, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (224, 179, 74),
+            "sidebar-primary-foreground": (26, 18, 4),
+            "sidebar-accent": (44, 45, 25),
+            "sidebar-ring": (224, 179, 74),
+        },
+    },
+    "navy": {
+        "green": {
+            "primary": (47, 158, 82),
+            "primary-foreground": (4, 36, 27),
+            "ring": (47, 158, 82),
+            "chart-1": (47, 158, 82),
+            "chart-3": (203, 243, 157),
+            "chart-4": (224, 179, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (47, 158, 82),
+            "sidebar-primary-foreground": (4, 36, 27),
+            "sidebar-accent": (25, 53, 68),
+            "sidebar-ring": (47, 158, 82),
+        },
+        "copper": {
+            "primary": (201, 123, 74),
+            "primary-foreground": (20, 10, 4),
+            "ring": (201, 123, 74),
+            "chart-1": (201, 123, 74),
+            "chart-3": (217, 199, 163),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (201, 123, 74),
+            "sidebar-primary-foreground": (20, 10, 4),
+            "sidebar-accent": (50, 47, 66),
+            "sidebar-ring": (201, 123, 74),
+        },
+        "ice": {
+            "primary": (110, 159, 196),
+            "primary-foreground": (6, 19, 28),
+            "ring": (110, 159, 196),
+            "chart-1": (110, 159, 196),
+            "chart-3": (185, 212, 228),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (110, 159, 196),
+            "sidebar-primary-foreground": (6, 19, 28),
+            "sidebar-accent": (35, 53, 86),
+            "sidebar-ring": (110, 159, 196),
+        },
+        "periwinkle": {
+            "primary": (139, 143, 217),
+            "primary-foreground": (11, 12, 26),
+            "ring": (139, 143, 217),
+            "chart-1": (139, 143, 217),
+            "chart-3": (195, 197, 236),
+            "chart-4": (224, 179, 74),
+            "chart-5": (47, 158, 82),
+            "sidebar-primary": (139, 143, 217),
+            "sidebar-primary-foreground": (11, 12, 26),
+            "sidebar-accent": (40, 51, 89),
+            "sidebar-ring": (139, 143, 217),
+        },
+        "amber": {
+            "primary": (224, 179, 74),
+            "primary-foreground": (26, 18, 4),
+            "ring": (224, 179, 74),
+            "chart-1": (224, 179, 74),
+            "chart-3": (203, 243, 157),
+            "chart-4": (201, 123, 74),
+            "chart-5": (11, 102, 68),
+            "sidebar-primary": (224, 179, 74),
+            "sidebar-primary-foreground": (26, 18, 4),
+            "sidebar-accent": (53, 56, 66),
+            "sidebar-ring": (224, 179, 74),
+        },
+    },
+    "paper": {
+        "green": {
+            "primary": (38, 128, 63),
+            "ring": (38, 128, 63),
+            "chart-1": (38, 128, 63),
+            "sidebar-primary": (38, 128, 63),
+            "sidebar-ring": (38, 128, 63),
+        },
+        "copper": {
+            "primary": (156, 87, 48),
+            "ring": (156, 87, 48),
+            "chart-1": (156, 87, 48),
+            "sidebar-primary": (156, 87, 48),
+            "sidebar-ring": (156, 87, 48),
+        },
+        "ice": {
+            "primary": (61, 111, 149),
+            "ring": (61, 111, 149),
+            "chart-1": (61, 111, 149),
+            "sidebar-primary": (61, 111, 149),
+            "sidebar-ring": (61, 111, 149),
+        },
+        "periwinkle": {
+            "primary": (90, 95, 174),
+            "ring": (90, 95, 174),
+            "chart-1": (90, 95, 174),
+            "sidebar-primary": (90, 95, 174),
+            "sidebar-ring": (90, 95, 174),
+        },
+        "amber": {
+            "primary": (138, 100, 16),
+            "ring": (138, 100, 16),
+            "chart-1": (138, 100, 16),
+            "sidebar-primary": (138, 100, 16),
+            "sidebar-ring": (138, 100, 16),
+        },
+    },
+    "mist": {
+        "green": {
+            "primary": (38, 128, 63),
+            "ring": (38, 128, 63),
+            "chart-1": (38, 128, 63),
+            "sidebar-primary": (38, 128, 63),
+            "sidebar-ring": (38, 128, 63),
+        },
+        "copper": {
+            "primary": (156, 87, 48),
+            "ring": (156, 87, 48),
+            "chart-1": (156, 87, 48),
+            "sidebar-primary": (156, 87, 48),
+            "sidebar-ring": (156, 87, 48),
+        },
+        "ice": {
+            "primary": (61, 111, 149),
+            "ring": (61, 111, 149),
+            "chart-1": (61, 111, 149),
+            "sidebar-primary": (61, 111, 149),
+            "sidebar-ring": (61, 111, 149),
+        },
+        "periwinkle": {
+            "primary": (90, 95, 174),
+            "ring": (90, 95, 174),
+            "chart-1": (90, 95, 174),
+            "sidebar-primary": (90, 95, 174),
+            "sidebar-ring": (90, 95, 174),
+        },
+        "amber": {
+            "primary": (138, 100, 16),
+            "ring": (138, 100, 16),
+            "chart-1": (138, 100, 16),
+            "sidebar-primary": (138, 100, 16),
+            "sidebar-ring": (138, 100, 16),
+        },
+    },
+}
+
+# Translucent tokens only, with their alpha.
+_GROUND_RGBA: dict[str, dict[str, Rgba]] = {
+    "black": {
+        "border": (255, 255, 255, 0.1),
+        "input": (255, 255, 255, 0.1),
+        "sidebar-border": (255, 255, 255, 0.08),
+        "success-bg": (143, 216, 42, 0.1),
+        "success-border": (143, 216, 42, 0.35),
+        "warning-bg": (240, 195, 78, 0.1),
+        "warning-border": (240, 195, 78, 0.35),
+        "info-bg": (47, 158, 82, 0.14),
+        "info-border": (47, 158, 82, 0.4),
+        "danger-bg": (255, 107, 107, 0.1),
+        "danger-border": (255, 107, 107, 0.35),
+    },
+    "charcoal": {
+        "border": (255, 255, 255, 0.1),
+        "input": (255, 255, 255, 0.1),
+        "sidebar-border": (255, 255, 255, 0.08),
+        "success-bg": (143, 216, 42, 0.1),
+        "success-border": (143, 216, 42, 0.35),
+        "warning-bg": (240, 195, 78, 0.1),
+        "warning-border": (240, 195, 78, 0.35),
+        "info-bg": (47, 158, 82, 0.14),
+        "info-border": (47, 158, 82, 0.4),
+        "danger-bg": (255, 107, 107, 0.1),
+        "danger-border": (255, 107, 107, 0.35),
+    },
+    "graphite": {
+        "border": (255, 255, 255, 0.09),
+        "input": (255, 255, 255, 0.1),
+        "sidebar-border": (255, 255, 255, 0.07),
+        "success-bg": (143, 216, 42, 0.1),
+        "success-border": (143, 216, 42, 0.35),
+        "warning-bg": (240, 195, 78, 0.1),
+        "warning-border": (240, 195, 78, 0.35),
+        "info-bg": (47, 158, 82, 0.14),
+        "info-border": (47, 158, 82, 0.4),
+        "danger-bg": (255, 107, 107, 0.1),
+        "danger-border": (255, 107, 107, 0.35),
+    },
+    "emerald": {
+        "border": (255, 255, 255, 0.1),
+        "input": (255, 255, 255, 0.1),
+        "sidebar-border": (255, 255, 255, 0.08),
+        "success-bg": (143, 216, 42, 0.1),
+        "success-border": (143, 216, 42, 0.35),
+        "warning-bg": (240, 195, 78, 0.1),
+        "warning-border": (240, 195, 78, 0.35),
+        "info-bg": (47, 158, 82, 0.14),
+        "info-border": (47, 158, 82, 0.4),
+        "danger-bg": (255, 107, 107, 0.1),
+        "danger-border": (255, 107, 107, 0.35),
+    },
+    "navy": {
+        "border": (255, 255, 255, 0.1),
+        "input": (255, 255, 255, 0.1),
+        "sidebar-border": (255, 255, 255, 0.08),
+        "success-bg": (143, 216, 42, 0.1),
+        "success-border": (143, 216, 42, 0.35),
+        "warning-bg": (240, 195, 78, 0.1),
+        "warning-border": (240, 195, 78, 0.35),
+        "info-bg": (47, 158, 82, 0.14),
+        "info-border": (47, 158, 82, 0.4),
+        "danger-bg": (255, 107, 107, 0.1),
+        "danger-border": (255, 107, 107, 0.35),
+    },
+    "paper": {},
+    "mist": {},
+}
+
+_ACCENT_RGBA: dict[str, dict[str, dict[str, Rgba]]] = {
+    "black": {
+        "green": {
+            "sidebar-accent": (47, 158, 82, 0.16),
+        },
+        "copper": {
+            "sidebar-accent": (201, 123, 74, 0.16),
+        },
+        "ice": {
+            "sidebar-accent": (110, 159, 196, 0.16),
+        },
+        "periwinkle": {
+            "sidebar-accent": (139, 143, 217, 0.16),
+        },
+        "amber": {
+            "sidebar-accent": (224, 179, 74, 0.16),
+        },
+    },
+    "charcoal": {
+        "green": {
+            "sidebar-accent": (47, 158, 82, 0.16),
+        },
+        "copper": {
+            "sidebar-accent": (201, 123, 74, 0.16),
+        },
+        "ice": {
+            "sidebar-accent": (110, 159, 196, 0.16),
+        },
+        "periwinkle": {
+            "sidebar-accent": (139, 143, 217, 0.16),
+        },
+        "amber": {
+            "sidebar-accent": (224, 179, 74, 0.16),
+        },
+    },
+    "graphite": {
+        "green": {
+            "sidebar-accent": (47, 158, 82, 0.14),
+        },
+        "copper": {
+            "sidebar-accent": (201, 123, 74, 0.14),
+        },
+        "ice": {
+            "sidebar-accent": (110, 159, 196, 0.14),
+        },
+        "periwinkle": {
+            "sidebar-accent": (139, 143, 217, 0.14),
+        },
+        "amber": {
+            "sidebar-accent": (224, 179, 74, 0.14),
+        },
+    },
+    "emerald": {
+        "green": {
+            "sidebar-accent": (47, 158, 82, 0.16),
+        },
+        "copper": {
+            "sidebar-accent": (201, 123, 74, 0.16),
+        },
+        "ice": {
+            "sidebar-accent": (110, 159, 196, 0.16),
+        },
+        "periwinkle": {
+            "sidebar-accent": (139, 143, 217, 0.16),
+        },
+        "amber": {
+            "sidebar-accent": (224, 179, 74, 0.16),
+        },
+    },
+    "navy": {
+        "green": {
+            "sidebar-accent": (47, 158, 82, 0.16),
+        },
+        "copper": {
+            "sidebar-accent": (201, 123, 74, 0.16),
+        },
+        "ice": {
+            "sidebar-accent": (110, 159, 196, 0.16),
+        },
+        "periwinkle": {
+            "sidebar-accent": (139, 143, 217, 0.16),
+        },
+        "amber": {
+            "sidebar-accent": (224, 179, 74, 0.16),
+        },
+    },
+    "paper": {
+        "green": {},
+        "copper": {},
+        "ice": {},
+        "periwinkle": {},
+        "amber": {},
+    },
+    "mist": {
+        "green": {},
+        "copper": {},
+        "ice": {},
+        "periwinkle": {},
+        "amber": {},
+    },
+}
+
+
+def _check(ground: str, accent: str) -> None:
+    if ground not in GROUNDS:
+        raise KeyError(f"unknown ground {ground!r}; one of {', '.join(GROUNDS)}")
+    if accent not in ACCENTS:
+        raise KeyError(f"unknown accent {accent!r}; one of {', '.join(ACCENTS)}")
+
+
+def palette(ground: str = DEFAULT_GROUND, accent: str = DEFAULT_ACCENT) -> dict[str, Triplet]:
+    """Every token of a ground and accent, as opaque RGB triplets."""
+    _check(ground, accent)
+    return {**_GROUND_RGB[ground], **_ACCENT_RGB[ground][accent]}
+
+
+def rgb(token: str, ground: str = DEFAULT_GROUND, accent: str = DEFAULT_ACCENT) -> Triplet:
+    """One token as an opaque (r, g, b), translucent ones laid on their surface."""
+    values = palette(ground, accent)
+    if token not in values:
+        raise KeyError(f"unknown token {token!r}")
+    return values[token]
+
+
+def rgba(token: str, ground: str = DEFAULT_GROUND, accent: str = DEFAULT_ACCENT) -> Rgba:
+    """One token as (r, g, b, alpha), keeping a translucent token's alpha."""
+    _check(ground, accent)
+    translucent = {**_GROUND_RGBA[ground], **_ACCENT_RGBA[ground][accent]}
+    if token in translucent:
+        return translucent[token]
+    r, g, b = rgb(token, ground, accent)
+    return (r, g, b, 1.0)
+
+
+def triplet(token: str, ground: str = DEFAULT_GROUND, accent: str = DEFAULT_ACCENT) -> str:
+    """One token as "R G B", the channel form CSS reads in rgb(var(--x) / alpha)."""
+    return " ".join(str(c) for c in rgb(token, ground, accent))
+
+
+def hex(token: str, ground: str = DEFAULT_GROUND, accent: str = DEFAULT_ACCENT) -> str:  # noqa: A001
+    """One token as opaque "#rrggbb"."""
+    return "#" + "".join(f"{c:02x}" for c in rgb(token, ground, accent))