css-is-awesome 1.1.0

package/scss/theme/registry.json

@@ -0,0 +1,447 @@
+{
+  "activeTheme": "default",
+  "themes": [
+    {
+      "id": "default",
+      "label": "Default",
+      "createdAt": "2024-01-01T00:00:00.000Z",
+      "source": "preset",
+      "values": {
+        "brand-primary": "#3A5FCD",
+        "brand-primary-hover": "#2E4A99",
+        "brand-primary-active": "#1E3A8A",
+        "brand-secondary": "#FF6B6B",
+        "brand-secondary-hover": "#E85555",
+        "brand-secondary-active": "#CC5555",
+        "brand-accent": "#0099FF",
+        "brand-accent-hover": "#0088E6",
+        "background-default": "#FFFFFF",
+        "background-subtle": "#F8F6F0",
+        "background-navbar": "#FAFAFA",
+        "surface-default": "#FFFFFF",
+        "surface-subtle": "#F8F6F0",
+        "surface-muted": "#F5F5F5",
+        "surface-emphasis": "#E5E5E5",
+        "text-primary": "#0f0f0f",
+        "text-secondary": "#525252",
+        "text-muted": "#6b6b6b",
+        "text-inverse": "#ffffff",
+        "text-link": "#384fff",
+        "text-link-hover": "#2a3acc",
+        "border-default": "#e5e5e5",
+        "border-subtle": "#f5f5f5",
+        "border-emphasis": "#d4d4d4",
+        "border-focus": "#384fff",
+        "interactive-hover": "rgba(0, 0, 0, 0.03)",
+        "interactive-active": "rgba(0, 0, 0, 0.06)",
+        "action-primary-default": "#3A5FCD",
+        "action-primary-hover": "#2E4A99",
+        "action-primary-active": "#1E3A8A",
+        "action-secondary-default": "#FF6B6B",
+        "action-secondary-hover": "#E85555",
+        "action-secondary-active": "#CC5555",
+        "success-default": "#10b981",
+        "success-hover": "#059669",
+        "success-subtle": "#ecfdf5",
+        "success-text": "#065f46",
+        "warning-default": "#f59e0b",
+        "warning-hover": "#d97706",
+        "warning-subtle": "#fffbeb",
+        "warning-text": "#92400e",
+        "error-default": "#DC2626",
+        "error-hover": "#B91C1C",
+        "error-subtle": "#FEF2F2",
+        "error-text": "#991B1B",
+        "info-default": "#3A5FCD",
+        "info-hover": "#2E4A99",
+        "info-subtle": "#EFF6FF",
+        "info-text": "#1E3A8A",
+        "radius-none": "0",
+        "radius-sm": "0.25rem",
+        "radius-md": "0.375rem",
+        "radius-lg": "0.5rem",
+        "radius-xl": "0.75rem",
+        "radius-2xl": "1rem",
+        "radius-full": "9999px",
+        "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        "shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+        "shadow-inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+        "font-primary": "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",
+        "font-secondary": "Georgia, Times New Roman, serif",
+        "font-mono": "Fira Code, Consolas, Monaco, monospace"
+      }
+    },
+    {
+      "id": "royal-blue",
+      "label": "Royal Blue",
+      "createdAt": "2024-01-01T00:00:00.000Z",
+      "source": "preset",
+      "values": {
+        "brand-primary": "#3A5FCD",
+        "brand-primary-hover": "#2E4A99",
+        "brand-primary-active": "#1E3A8A",
+        "brand-secondary": "#FF6B6B",
+        "brand-secondary-hover": "#E85555",
+        "brand-secondary-active": "#CC5555",
+        "brand-accent": "#0099FF",
+        "brand-accent-hover": "#0088E6",
+        "background-default": "#FFFFFF",
+        "background-subtle": "#F8F6F0",
+        "background-navbar": "#FAFAFA",
+        "surface-default": "#FFFFFF",
+        "surface-subtle": "#F8F6F0",
+        "surface-muted": "#F5F5F5",
+        "surface-emphasis": "#E5E5E5",
+        "text-primary": "#0f0f0f",
+        "text-secondary": "#525252",
+        "text-muted": "#6b6b6b",
+        "text-inverse": "#ffffff",
+        "text-link": "#3A5FCD",
+        "text-link-hover": "#2E4A99",
+        "border-default": "#e5e5e5",
+        "border-subtle": "#f5f5f5",
+        "border-emphasis": "#d4d4d4",
+        "border-focus": "#3A5FCD",
+        "interactive-hover": "rgba(0, 0, 0, 0.03)",
+        "interactive-active": "rgba(0, 0, 0, 0.06)",
+        "action-primary-default": "#3A5FCD",
+        "action-primary-hover": "#2E4A99",
+        "action-primary-active": "#1E3A8A",
+        "action-secondary-default": "#FF6B6B",
+        "action-secondary-hover": "#E85555",
+        "action-secondary-active": "#CC5555",
+        "success-default": "#10b981",
+        "success-hover": "#059669",
+        "success-subtle": "#ecfdf5",
+        "success-text": "#065f46",
+        "warning-default": "#f59e0b",
+        "warning-hover": "#d97706",
+        "warning-subtle": "#fffbeb",
+        "warning-text": "#92400e",
+        "error-default": "#DC2626",
+        "error-hover": "#B91C1C",
+        "error-subtle": "#FEF2F2",
+        "error-text": "#991B1B",
+        "info-default": "#3A5FCD",
+        "info-hover": "#2E4A99",
+        "info-subtle": "#EFF6FF",
+        "info-text": "#1E3A8A",
+        "radius-none": "0",
+        "radius-sm": "0.25rem",
+        "radius-md": "0.375rem",
+        "radius-lg": "0.5rem",
+        "radius-xl": "0.75rem",
+        "radius-2xl": "1rem",
+        "radius-full": "9999px",
+        "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        "shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+        "shadow-inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+        "font-primary": "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",
+        "font-secondary": "Georgia, Times New Roman, serif",
+        "font-mono": "Fira Code, Consolas, Monaco, monospace"
+      }
+    },
+    {
+      "id": "grinning-gremlin",
+      "label": "Grinning Gremlin",
+      "createdAt": "2024-01-01T00:00:00.000Z",
+      "source": "preset",
+      "values": {
+        "brand-primary": "#2D6A4F",
+        "brand-primary-hover": "#245A42",
+        "brand-primary-active": "#1B4332",
+        "brand-secondary": "#E76F51",
+        "brand-secondary-hover": "#D45A3E",
+        "brand-secondary-active": "#C0472E",
+        "brand-accent": "#E9C46A",
+        "brand-accent-hover": "#D4AF55",
+        "background-default": "#FEFAF6",
+        "background-subtle": "#F5F0EB",
+        "background-navbar": "#FEFAF6",
+        "surface-default": "#FFFFFF",
+        "surface-subtle": "#F5F0EB",
+        "surface-muted": "#EDE8E3",
+        "surface-emphasis": "#DDD8D3",
+        "text-primary": "#1A1A1A",
+        "text-secondary": "#4A4A4A",
+        "text-muted": "#6B6B6B",
+        "text-inverse": "#FFFFFF",
+        "text-link": "#2D6A4F",
+        "text-link-hover": "#245A42",
+        "border-default": "#D4D4D4",
+        "border-subtle": "#E8E8E8",
+        "border-emphasis": "#A3A3A3",
+        "border-focus": "#2D6A4F",
+        "interactive-hover": "rgba(0, 0, 0, 0.03)",
+        "interactive-active": "rgba(0, 0, 0, 0.06)",
+        "action-primary-default": "#2D6A4F",
+        "action-primary-hover": "#245A42",
+        "action-primary-active": "#1B4332",
+        "action-secondary-default": "#E76F51",
+        "action-secondary-hover": "#D45A3E",
+        "action-secondary-active": "#C0472E",
+        "success-default": "#10b981",
+        "success-hover": "#059669",
+        "success-subtle": "#ecfdf5",
+        "success-text": "#065f46",
+        "warning-default": "#f59e0b",
+        "warning-hover": "#d97706",
+        "warning-subtle": "#fffbeb",
+        "warning-text": "#92400e",
+        "error-default": "#DC2626",
+        "error-hover": "#B91C1C",
+        "error-subtle": "#FEF2F2",
+        "error-text": "#991B1B",
+        "info-default": "#2D6A4F",
+        "info-hover": "#245A42",
+        "info-subtle": "#ECFDF5",
+        "info-text": "#1B4332",
+        "radius-none": "0",
+        "radius-sm": "0.25rem",
+        "radius-md": "0.5rem",
+        "radius-lg": "0.75rem",
+        "radius-xl": "1rem",
+        "radius-2xl": "1.5rem",
+        "radius-full": "9999px",
+        "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        "shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+        "shadow-inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+        "font-primary": "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",
+        "font-secondary": "Georgia, Times New Roman, serif",
+        "font-mono": "Fira Code, Consolas, Monaco, monospace"
+      }
+    },
+    {
+      "id": "custom",
+      "label": "Custom",
+      "createdAt": "2024-01-01T00:00:00.000Z",
+      "source": "preset",
+      "values": {
+        "brand-primary": "#3A5FCD",
+        "brand-primary-hover": "#2E4A99",
+        "brand-primary-active": "#1E3A8A",
+        "brand-secondary": "#FF6B6B",
+        "brand-secondary-hover": "#E85555",
+        "brand-secondary-active": "#CC5555",
+        "brand-accent": "#0099FF",
+        "brand-accent-hover": "#0088E6",
+        "background-default": "#FFFFFF",
+        "background-subtle": "#F8F6F0",
+        "background-navbar": "#FAFAFA",
+        "surface-default": "#FFFFFF",
+        "surface-subtle": "#F8F6F0",
+        "surface-muted": "#F5F5F5",
+        "surface-emphasis": "#E5E5E5",
+        "text-primary": "#0f0f0f",
+        "text-secondary": "#525252",
+        "text-muted": "#6b6b6b",
+        "text-inverse": "#ffffff",
+        "text-link": "#384fff",
+        "text-link-hover": "#2a3acc",
+        "border-default": "#e5e5e5",
+        "border-subtle": "#f5f5f5",
+        "border-emphasis": "#d4d4d4",
+        "border-focus": "#384fff",
+        "interactive-hover": "rgba(0, 0, 0, 0.03)",
+        "interactive-active": "rgba(0, 0, 0, 0.06)",
+        "action-primary-default": "#3A5FCD",
+        "action-primary-hover": "#2E4A99",
+        "action-primary-active": "#1E3A8A",
+        "action-secondary-default": "#FF6B6B",
+        "action-secondary-hover": "#E85555",
+        "action-secondary-active": "#CC5555",
+        "success-default": "#10b981",
+        "success-hover": "#059669",
+        "success-subtle": "#ecfdf5",
+        "success-text": "#065f46",
+        "warning-default": "#f59e0b",
+        "warning-hover": "#d97706",
+        "warning-subtle": "#fffbeb",
+        "warning-text": "#92400e",
+        "error-default": "#DC2626",
+        "error-hover": "#B91C1C",
+        "error-subtle": "#FEF2F2",
+        "error-text": "#991B1B",
+        "info-default": "#3A5FCD",
+        "info-hover": "#2E4A99",
+        "info-subtle": "#EFF6FF",
+        "info-text": "#1E3A8A",
+        "radius-none": "0",
+        "radius-sm": "0.25rem",
+        "radius-md": "0.375rem",
+        "radius-lg": "0.5rem",
+        "radius-xl": "0.75rem",
+        "radius-2xl": "1rem",
+        "radius-full": "9999px",
+        "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        "shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+        "shadow-inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+        "font-primary": "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",
+        "font-secondary": "Georgia, Times New Roman, serif",
+        "font-mono": "Fira Code, Consolas, Monaco, monospace"
+      }
+    },
+    {
+      "id": "zeroheight-warm",
+      "label": "Zeroheight Warm",
+      "createdAt": "2026-02-12T02:07:34.178Z",
+      "source": "extracted",
+      "sourceUrl": "https://zeroheight.com/",
+      "values": {
+        "brand-primary": "#1D1D1B",
+        "brand-primary-hover": "#3A3A38",
+        "brand-primary-active": "#0A0A09",
+        "brand-secondary": "#E85C4A",
+        "brand-secondary-hover": "#D14836",
+        "brand-secondary-active": "#BF3A2A",
+        "brand-accent": "#8B6FD4",
+        "brand-accent-hover": "#7558C0",
+        "background-default": "#F8F6F0",
+        "background-subtle": "#F3F0E8",
+        "background-navbar": "#F8F6F0",
+        "surface-default": "#FFFFFF",
+        "surface-subtle": "#F3F0E8",
+        "surface-muted": "#EAE7DF",
+        "surface-emphasis": "#E2DECC",
+        "text-primary": "#1D1D1B",
+        "text-secondary": "#4A4A47",
+        "text-muted": "#888882",
+        "text-inverse": "#FFFFFF",
+        "text-link": "#1D1D1B",
+        "text-link-hover": "#4A4A47",
+        "border-default": "#4A4A47",
+        "border-subtle": "#EAE7DF",
+        "border-emphasis": "#1D1D1B",
+        "border-focus": "#E85C4A",
+        "interactive-hover": "rgba(0, 0, 0, 0.04)",
+        "interactive-active": "rgba(0, 0, 0, 0.08)",
+        "action-primary-default": "#1D1D1B",
+        "action-primary-hover": "#3A3A38",
+        "action-primary-active": "#0A0A09",
+        "action-secondary-default": "#E85C4A",
+        "action-secondary-hover": "#D14836",
+        "action-secondary-active": "#BF3A2A",
+        "success-default": "#2D9B6E",
+        "success-hover": "#228357",
+        "success-subtle": "#F0FAF5",
+        "success-text": "#1A6B47",
+        "warning-default": "#D4960A",
+        "warning-hover": "#B07D08",
+        "warning-subtle": "#FFF9EB",
+        "warning-text": "#8A6106",
+        "error-default": "#D93025",
+        "error-hover": "#B5281E",
+        "error-subtle": "#FEF2F1",
+        "error-text": "#961D16",
+        "info-default": "#4285F4",
+        "info-hover": "#3367D6",
+        "info-subtle": "#EFF5FF",
+        "info-text": "#1A56C4",
+        "radius-none": "0",
+        "radius-sm": "3px",
+        "radius-md": "4px",
+        "radius-lg": "6px",
+        "radius-xl": "10px",
+        "radius-2xl": "16px",
+        "radius-full": "9999px",
+        "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.04)",
+        "shadow-md": "0 2px 6px -1px rgb(0 0 0 / 0.06)",
+        "shadow-lg": "0 8px 16px -4px rgb(0 0 0 / 0.08)",
+        "shadow-xl": "0 16px 24px -6px rgb(0 0 0 / 0.10)",
+        "shadow-2xl": "0 24px 48px -12px rgb(0 0 0 / 0.15)",
+        "shadow-inner": "inset 0 1px 3px 0 rgb(0 0 0 / 0.04)",
+        "font-primary": "GeneralSans, Geist, system-ui, sans-serif",
+        "font-secondary": "Selecta, Geist, system-ui, sans-serif",
+        "font-mono": "Fira Code, Consolas, Monaco, monospace"
+      }
+    },
+    {
+      "id": "status-master",
+      "label": "Status Master",
+      "createdAt": "2026-03-01T00:00:00.000Z",
+      "source": "project",
+      "sourceProject": "status-master",
+      "values": {
+        "brand-primary": "#3A5FCD",
+        "brand-primary-hover": "#2E4A99",
+        "brand-primary-active": "#1E3A8A",
+        "brand-secondary": "#FF6B6B",
+        "brand-secondary-hover": "#E85555",
+        "brand-secondary-active": "#CC5555",
+        "brand-accent": "#0099FF",
+        "brand-accent-hover": "#0088E6",
+        "background-default": "#FFFFFF",
+        "background-subtle": "#F8F6F0",
+        "background-navbar": "#FAFAFA",
+        "surface-default": "#FFFFFF",
+        "surface-subtle": "#F8F6F0",
+        "surface-muted": "#F5F5F5",
+        "surface-emphasis": "#E5E5E5",
+        "text-primary": "#0f0f0f",
+        "text-secondary": "#525252",
+        "text-muted": "#6b6b6b",
+        "text-inverse": "#ffffff",
+        "text-link": "#384fff",
+        "text-link-hover": "#2a3acc",
+        "border-default": "#e5e5e5",
+        "border-subtle": "#f5f5f5",
+        "border-emphasis": "#d4d4d4",
+        "border-focus": "#384fff",
+        "interactive-hover": "rgba(0, 0, 0, 0.03)",
+        "interactive-active": "rgba(0, 0, 0, 0.06)",
+        "action-primary-default": "#3A5FCD",
+        "action-primary-hover": "#2E4A99",
+        "action-primary-active": "#1E3A8A",
+        "action-secondary-default": "#FF6B6B",
+        "action-secondary-hover": "#E85555",
+        "action-secondary-active": "#CC5555",
+        "success-default": "#10b981",
+        "success-hover": "#059669",
+        "success-subtle": "#ecfdf5",
+        "success-text": "#065f46",
+        "warning-default": "#f59e0b",
+        "warning-hover": "#d97706",
+        "warning-subtle": "#fffbeb",
+        "warning-text": "#92400e",
+        "error-default": "#DC2626",
+        "error-hover": "#B91C1C",
+        "error-subtle": "#FEF2F2",
+        "error-text": "#991B1B",
+        "info-default": "#3A5FCD",
+        "info-hover": "#2E4A99",
+        "info-subtle": "#EFF6FF",
+        "info-text": "#1E3A8A",
+        "radius-none": "0",
+        "radius-sm": "0.25rem",
+        "radius-md": "0.375rem",
+        "radius-lg": "0.5rem",
+        "radius-xl": "0.75rem",
+        "radius-2xl": "1rem",
+        "radius-full": "9999px",
+        "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        "shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        "shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        "shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        "shadow-2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+        "shadow-inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+        "font-primary": "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",
+        "font-secondary": "Georgia, Times New Roman, serif",
+        "font-mono": "Fira Code, Consolas, Monaco, monospace",
+        "btn-radius": "md",
+        "btn-font-weight": "medium"
+      }
+    }
+  ]
+}

package/scss/themes/boilerplate-dark.scss

@@ -0,0 +1,212 @@
+// ============================================================================
+// THEME — boilerplate-dark
+// ============================================================================
+// Night half of Boilerplate.
+//
+// Promoted from a bundle-only block to a real source 2026-08-29. NOT derived
+// from boilerplate.scss: --shadow-md/lg/xl here are two-part shadows where the
+// parent's dark branch is single-part. That is deliberate tuning, so the values
+// below are copied verbatim rather than collapsed out of the parent.
+//
+// Selector: :root, :root[data-theme="boilerplate-dark"]
+// ============================================================================
+@use '../mixins' as m;
+
+@include m.theme('boilerplate-dark', dark) {
+  /* Surfaces — slate dark ramp */
+  --paper:        #0f172a;
+  --paper-raised: #1e293b;
+  --paper-sunk:   #020617;
+  --paper-glass:  rgba(15, 23, 42, 0.85);
+
+  /* Ink — inverted slate */
+  --ink:        #f8fafc;
+  --ink-soft:   #e2e8f0;
+  --ink-faint:  #94a3b8;
+  --graphite:   #f1f5f9;
+  --muted:      #64748b;
+
+  /* Lines — dark slate borders */
+  --guide:      #334155;
+  --guide-soft: #1e293b;
+  --hair:       #1e293b;
+  --hair-soft:  #0f172a;
+
+  /* Primary accent — brighter blue for dark surfaces */
+  --ai:         #3b82f6;
+  --ai-ink:     #60a5fa;
+  --ai-wash:    #1e3a8a;
+
+  /* Seal — red */
+  --shu:        #ef4444;
+  --shu-wash:   #450a0a;
+
+  /* Tertiary — amber */
+  --ochre:      #f59e0b;
+  --ochre-wash: #422006;
+
+  /* Code — neutral dark syntax surface */
+  --code-bg:     #020617;
+  --code-ink:    #e2e8f0;
+  --code-muted:  #708198;
+  --code-accent: #fb923c;
+  --code-green:  #4ade80;
+  --code-blue:   #60a5fa;
+
+  /* Typography — system stacks only (no @import) */
+  --font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --font-script:  ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-serif:   ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-sans:    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --font-mono:    ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+
+  /* Radius */
+  --r-sm: 4px;
+  --r-md: 6px;
+  --r-lg: 8px;
+
+  /* Shadow — heavier on dark, neutral black */
+  --shadow-sm:  0 1px 2px rgba(0, 0, 0, .30);
+  --shadow-md:  0 2px 4px rgba(0, 0, 0, .40);
+  --shadow-lg:  0 6px 16px -4px rgba(0, 0, 0, .55);
+  --shadow-xl:  0 16px 32px -8px rgba(0, 0, 0, .65);
+  --shadow-2xl: 0 24px 48px -12px rgba(0, 0, 0, .75);
+
+  /* Blur */
+  --blur-sm: none;
+  --blur-md: none;
+  --blur-lg: none;
+
+  /* Glow */
+  --glow-sm: 0 0 0 transparent;
+  --glow-md: 0 0 0 transparent;
+  --glow-lg: 0 0 0 transparent;
+
+  /* Motion */
+  --duration-fast:   120ms;
+  --duration-normal: 180ms;
+  --duration-slow:   280ms;
+  --ease:            cubic-bezier(.4, 0, .2, 1);
+
+  /* Backgrounds */
+  --background-default: var(--paper);
+  --background-subtle:  var(--paper-sunk);
+  --background-navbar:  var(--paper-raised);
+
+  /* Surfaces (semantic) */
+  --surface-default:   var(--paper);
+  --surface-raised:    var(--paper-raised);
+  --surface-sunk:      var(--paper-sunk);
+  --surface-muted:     var(--paper-sunk);
+  --surface-subtle:    var(--paper-raised);
+  --surface-emphasis:  var(--ink);
+  --surface-glass:     var(--paper-glass);
+
+  /* Text */
+  --text-primary:      var(--ink);
+  --text-secondary:    var(--ink-soft);
+  --text-muted:        var(--ink-faint);
+  --text-tertiary:     var(--muted);
+  --text-inverse:      var(--paper);
+  --text-link:         var(--ai);
+  --text-link-hover:   var(--ai-ink);
+
+  /* Borders */
+  --border-default:    var(--hair);
+  --border-subtle:     var(--hair-soft);
+  --border-emphasis:   var(--guide);
+  --border-focus:      var(--ai);
+
+  /* Interactive overlays — light wash on dark */
+  --interactive-hover:  rgba(248, 250, 252, 0.05);
+  --interactive-active: rgba(248, 250, 252, 0.10);
+
+  /* Brand */
+  --brand-primary:        var(--ai);
+  --brand-primary-hover:  var(--ai-ink);
+
+  /* Action triplets */
+  --action-primary-default:   var(--ai);
+  --action-primary-hover:     var(--ai-ink);
+  --action-primary-active:    var(--ai-ink);
+  --action-primary-wash:      var(--ai-wash);
+  --action-secondary-default: var(--shu);
+  --action-secondary-hover:   var(--shu);
+  --action-secondary-active:  var(--shu);
+  --action-secondary-wash:    var(--shu-wash);
+  --action-tertiary-default:  var(--ochre);
+  --action-tertiary-hover:    var(--ochre);
+  --action-tertiary-active:   var(--ochre);
+  --action-tertiary-wash:     var(--ochre-wash);
+
+  /* Feedback */
+  --feedback-info:     var(--ai);
+  --feedback-success:  #22c55e;
+  --feedback-warning:  var(--ochre);
+  --feedback-error:    var(--shu);
+
+  /* Status — info */
+  --info-default: var(--ai);
+  --info-subtle:  var(--ai-wash);
+  --info-text:    #85BFFF;
+
+  /* Status — success */
+  --success-default: #22c55e;
+  --success-subtle:  #14532d;
+  --success-text:    #4ade80;
+
+  /* Status — warning */
+  --warning-default: var(--ochre);
+  --warning-subtle:  var(--ochre-wash);
+  --warning-text:    #fbbf24;
+
+  /* Status — error */
+  --error-default: var(--shu);
+  --error-subtle:  var(--shu-wash);
+  --error-text:    #fca5a5;
+
+  /* Space scale */
+  --space-2xs: 0.25rem;
+  --space-xs:  0.5rem;
+  --space-sm:  0.75rem;
+  --space-md:  1rem;
+  --space-lg:  1.5rem;
+  --space-xl:  2rem;
+
+  /* Radius alias */
+  --radius-sm:   var(--r-sm);
+  --radius-md:   var(--r-md);
+  --radius-lg:   var(--r-lg);
+  --radius-xl:   12px;
+  --radius-full: 9999px;
+
+  /* Typography */
+  --font-primary:       var(--font-sans);
+  --font-size-base:     1rem;
+  --line-height-normal: 1.5;
+  --font-weight-medium: 500;
+
+  /* Z-index layers */
+  --z-sticky:   1020;
+  --z-dropdown: 1030;
+  --z-backdrop: 1040;
+  --z-modal:    1050;
+  --z-popover:  1060;
+  --z-tooltip:  1070;
+
+  /* Spacing rhythm — THE knob for how dense or airy this theme feels.
+     The numbered scale is the source of truth: every component reads
+     var(--space-N), and the t-shirt aliases (--space-md, --space-lg …)
+     are emitted by the library as references to these, so they follow
+     automatically. Change a value here and the whole page re-proportions. */
+  --space-0: 0;
+  --space-1: 0.5rem;
+  --space-2: 0.75rem;
+  --space-3: 0.875rem;
+  --space-4: 1rem;
+  --space-5: 1.5rem;
+  --space-6: 2rem;
+  --space-7: 3rem;
+  --space-8: 4rem;
+  --space-9: 6rem;
+}