@lukeashford/aurelius 1.0.0 → 1.1.0

package/README.md

@@ -1,93 +1,169 @@
-# Aurelius Design System
-
-**A cohesive visual language for creative technologists — combining technical sophistication with an
-artistic sensibility.**
-
-[View the Live Demo](https://aurelius.lukeashford.com/)
-
----
-
-## The Philosophy
-
-Aurelius blends technical precision with a cinematic aesthetic, relying on deep blacks, rich golds,
-and refined typography to convey stability, trust, and quiet luxury.
-
-**Core Principles:**
-
-1. **Cinematic:** Strict dark mode. No white backgrounds.
-2. **Refined:** Gold (#c9a227) is reserved for primary actions.
-3. **Grounded:** 1px subtle borders (`border-ash`) replace heavy drop shadows.
-
-**Implementation Strategy:**
-We follow a strict hierarchy:
-
-1. **React Components** (`<Button />`) — *Always prefer these.*
-2. **Component Classes** (`.btn`) — *Fallback for non-React.*
-3. **Utility Classes** (`bg-obsidian`) — *For custom layouts.*
-4. **Design Tokens** — *Last resort.*
-
----
-
-## AI Agent Support 🤖
-
-This package is **AI-Optimized**. It includes a machine-readable manifest file that helps AI coding
-assistants understand the design system without hallucinating styles.
-
-**How to Prompt Your Agent:**
-> "I have installed `@lukeashford/aurelius`. Before writing any code, read
-`node_modules/@lukeashford/aurelius/dist/llms.md`. This file contains the Design Philosophy (
-> which you must strictly follow) and the Component API you have available."
-
----
-
-## Installation
-
-### 1. Install Package
-
-```bash
-npm install @lukeashford/aurelius
-```
-
-### 2. Configure Tailwind
-
-```javascript
-// tailwind.config.js
-const aureliusPreset = require('@lukeashford/aurelius/tailwind.preset')
-
-module.exports = {
-  presets: [aureliusPreset],
-  content: [
-    './src/**/*.{js,ts,jsx,tsx}',
-    './node_modules/@lukeashford/aurelius/dist/**/*.{js,mjs}',
-  ],
-}
-```
-
-### 3. Import Styles
-
-```css
-/* In your global CSS */
-@import '@lukeashford/aurelius/styles/base.css';
-```
-
----
-
-## Quick Start
-
-```tsx
-import {Button, Card, Input} from '@lukeashford/aurelius'
-
-export function LoginForm() {
-  return (
-      <Card variant="featured" className="p-8 max-w-sm mx-auto">
-        <h2 className="text-gold text-2xl mb-6">Sign In</h2>
-        <div className="space-y-4">
-          <Input placeholder="email@example.com"/>
-          <Button variant="primary" className="w-full">
-            Enter the System
-          </Button>
-        </div>
-      </Card>
-  )
-}
-```
+# Aurelius
+
+**A dark-mode design system for creative technologists** — combining technical sophistication with a
+cinematic aesthetic.
+
+[Live Demo](https://aurelius.lukeashford.com/)
+
+---
+
+## Philosophy
+
+Aurelius relies on deep blacks, rich golds, and refined typography to convey stability, trust, and
+quiet luxury.
+
+**Core principles:**
+
+- **Cinematic:** Strictly dark mode. No white backgrounds.
+- **Refined:** Gold (`#c9a227`) is reserved for primary actions and key highlights.
+- **Grounded:** Subtle 1px borders over heavy drop shadows.
+
+**Usage hierarchy:**
+
+1. **React Components** — Use `<Button />`, `<Card />`, etc. whenever possible
+2. **Tailwind utilities** — Build custom layouts with token-based classes (`bg-obsidian`,
+   `text-gold`)
+3. **Design tokens** — Direct access to values as a last resort
+
+---
+
+## AI Agent Optimization 🤖
+
+This package includes a machine-readable manifest and ESLint enforcement for AI coding assistants.
+
+**Prompt your agent:**
+
+> Use the Aurelius design system for this project.
+>
+> 1. Run `npm install @lukeashford/aurelius`
+> 2. Read `node_modules/@lukeashford/aurelius/llms.md` completely before writing any code
+> 3. Follow its setup instructions (Tailwind config, ESLint, fonts)
+> 4. Use only the components and Tailwind classes listed in that file
+
+The manifest provides complete setup instructions, so agents can bootstrap a project from scratch
+while staying within design system constraints.
+
+[View the manifest](./llms.md)
+
+---
+
+## Quick Start
+
+### 1. Install
+
+```bash
+npm install @lukeashford/aurelius
+npm install -D eslint eslint-plugin-tailwindcss
+```
+
+### 2. Configure Tailwind
+
+```javascript
+// tailwind.config.js
+const aureliusPreset = require('@lukeashford/aurelius/tailwind.preset')
+
+module.exports = {
+  presets: [aureliusPreset],
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@lukeashford/aurelius/dist/**/*.{js,mjs}',
+  ],
+}
+```
+
+### 3. Configure ESLint
+
+This enforces the design system — agents and developers get errors when using arbitrary values or
+non-Aurelius classes.
+
+```javascript
+// eslint.config.js
+import tailwindcss from 'eslint-plugin-tailwindcss';
+
+export default [
+  {
+    plugins: {tailwindcss},
+    rules: {
+      'tailwindcss/no-arbitrary-value': 'error',
+      'tailwindcss/no-custom-classname': 'error',
+    },
+    settings: {
+      tailwindcss: {config: './tailwind.config.js'},
+    },
+  },
+];
+```
+
+<details>
+<summary>Legacy .eslintrc.js format</summary>
+```javascript
+module.exports = {
+  plugins: ['tailwindcss'],
+  rules: {
+    'tailwindcss/no-arbitrary-value': 'error',
+    'tailwindcss/no-custom-classname': 'error',
+  },
+  settings: {
+    tailwindcss: { config: './tailwind.config.js' },
+  },
+}
+```
+</details>
+
+### 4. Update package.json scripts
+
+```json
+{
+  "scripts": {
+    "lint": "eslint src --max-warnings 0",
+    "dev": "npm run lint && vite",
+    "build": "npm run lint && vite build"
+  }
+}
+```
+
+### 5. Import fonts and create index.css
+
+```typescript
+// main.tsx
+import '@lukeashford/aurelius/styles/fonts.css'
+import './index.css'
+```
+
+```css
+/* index.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+### 6. Use components
+
+```tsx
+import {Button, Card, Input} from '@lukeashford/aurelius'
+
+function LoginForm() {
+  return (
+      <Card variant="featured" className="p-8 max-w-sm mx-auto">
+        <h2 className="text-gold text-2xl mb-6">Sign In</h2>
+        <Input placeholder="email@example.com"/>
+        <Button variant="primary" className="w-full mt-4">
+          Enter
+        </Button>
+      </Card>
+  )
+}
+```
+
+---
+
+## Non-Tailwind Users
+
+Import the precompiled CSS instead:
+
+```typescript
+// main.tsx
+import '@lukeashford/aurelius/styles/base.css'
+```
+
+This includes all base styles, utilities, and fonts. Components work identically.

package/dist/chunk-MBYGB67D.mjs

@@ -0,0 +1,243 @@
+import {
+  colors,
+  duration,
+  easing,
+  radii,
+  shadows,
+  spacing,
+  typography
+} from "./chunk-MDNHT46W.mjs";
+
+// src/tailwind.preset.ts
+import plugin from "tailwindcss/plugin";
+var aureliusPlugin = plugin(function({ addBase, addUtilities, theme }) {
+  addBase({
+    "html": {
+      fontFamily: theme("fontFamily.body"),
+      backgroundColor: theme("colors.obsidian"),
+      color: theme("colors.white"),
+      "-webkit-font-smoothing": "antialiased",
+      "-moz-osx-font-smoothing": "grayscale"
+    },
+    "body": {
+      minHeight: "100vh",
+      lineHeight: "1.5"
+    },
+    "table": {
+      borderCollapse: "collapse",
+      width: "100%"
+    },
+    "table, th, td": {
+      border: `1px solid ${theme("colors.gold.muted")}`
+    },
+    "th, td": {
+      padding: "0.5rem 0.75rem"
+    },
+    "table:hover": {
+      boxShadow: theme("boxShadow.glow")
+    },
+    "progress": {
+      appearance: "none",
+      "-webkit-appearance": "none",
+      border: `1px solid ${theme("colors.gold.muted")}`,
+      borderRadius: "0",
+      backgroundColor: theme("colors.charcoal"),
+      width: "100%",
+      height: "0.5rem"
+    },
+    "progress::-webkit-progress-bar": {
+      backgroundColor: theme("colors.charcoal")
+    },
+    "progress::-webkit-progress-value": {
+      backgroundColor: theme("colors.gold.DEFAULT")
+    },
+    "progress::-moz-progress-bar": {
+      backgroundColor: theme("colors.gold.DEFAULT")
+    },
+    "h1, h2, h3, h4, h5, h6": {
+      fontFamily: theme("fontFamily.heading"),
+      fontWeight: "600",
+      letterSpacing: "-0.025em",
+      color: theme("colors.white")
+    },
+    "h1": { fontSize: "2.25rem", lineHeight: "1.25" },
+    "h2": { fontSize: "1.875rem", lineHeight: "1.25" },
+    "h3": { fontSize: "1.5rem", lineHeight: "1.375" },
+    "h4": { fontSize: "1.25rem", lineHeight: "1.375" },
+    "h5": { fontSize: "1.125rem", lineHeight: "1.5" },
+    "h6": { fontSize: "1rem", lineHeight: "1.5" },
+    "code, pre, kbd, samp": {
+      fontFamily: theme("fontFamily.mono"),
+      fontSize: "0.875em"
+    },
+    "a": {
+      color: theme("colors.gold.DEFAULT"),
+      textDecoration: "none",
+      transition: `color ${theme("transitionDuration.fast")} ease-out`
+    },
+    "a:hover": {
+      color: theme("colors.gold.light")
+    },
+    ":focus-visible": {
+      outline: `2px solid ${theme("colors.gold.DEFAULT")}`,
+      outlineOffset: "2px"
+    },
+    "::selection": {
+      backgroundColor: theme("colors.gold.DEFAULT"),
+      color: theme("colors.obsidian")
+    },
+    "::-webkit-scrollbar": { width: "8px", height: "8px" },
+    "::-webkit-scrollbar-track": { background: theme("colors.charcoal") },
+    "::-webkit-scrollbar-thumb": {
+      background: theme("colors.ash"),
+      borderRadius: theme("borderRadius.full")
+    },
+    "::-webkit-scrollbar-thumb:hover": { background: theme("colors.silver") }
+  });
+  addUtilities({
+    ".text-gradient-gold": {
+      background: `linear-gradient(to right, ${theme("colors.gold.DEFAULT")}, ${theme(
+        "colors.gold.light"
+      )}, ${theme("colors.gold.DEFAULT")})`,
+      "-webkit-background-clip": "text",
+      "background-clip": "text",
+      color: "transparent"
+    },
+    ".glow": { boxShadow: theme("boxShadow.glow") },
+    ".glow-sm": { boxShadow: theme("boxShadow.glow-sm") },
+    ".glow-lg": { boxShadow: theme("boxShadow.glow-lg") },
+    ".scroll-smooth": {
+      scrollBehavior: "smooth",
+      "-webkit-overflow-scrolling": "touch"
+    },
+    ".scrollbar-hide": {
+      "-ms-overflow-style": "none",
+      "scrollbar-width": "none",
+      "&::-webkit-scrollbar": { display: "none" }
+    },
+    ".backdrop-glass": {
+      backdropFilter: "blur(12px)",
+      backgroundColor: "rgba(20, 20, 20, 0.8)"
+    },
+    ".focus-ring": {
+      "&:focus-visible": {
+        outline: "2px solid #c9a227",
+        outlineOffset: "2px"
+      }
+    },
+    ".line-clamp-2": {
+      display: "-webkit-box",
+      "-webkit-line-clamp": "2",
+      "-webkit-box-orient": "vertical",
+      overflow: "hidden"
+    },
+    ".line-clamp-3": {
+      display: "-webkit-box",
+      "-webkit-line-clamp": "3",
+      "-webkit-box-orient": "vertical",
+      overflow: "hidden"
+    },
+    ".center-absolute": {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)"
+    }
+  });
+});
+var preset = {
+  theme: {
+    extend: {
+      colors: {
+        // Black spectrum
+        void: colors.void,
+        obsidian: colors.obsidian,
+        charcoal: colors.charcoal,
+        graphite: colors.graphite,
+        slate: colors.slate,
+        ash: colors.ash,
+        // Gold spectrum
+        gold: {
+          DEFAULT: colors.gold,
+          light: colors.goldLight,
+          bright: colors.goldBright,
+          muted: colors.goldMuted,
+          pale: colors.goldPale,
+          glow: colors.goldGlow
+        },
+        // Neutrals
+        white: colors.white,
+        silver: colors.silver,
+        zinc: colors.zinc,
+        dim: colors.dim,
+        // Semantic
+        success: {
+          DEFAULT: colors.success,
+          muted: colors.successMuted
+        },
+        error: {
+          DEFAULT: colors.error,
+          muted: colors.errorMuted
+        },
+        warning: {
+          DEFAULT: colors.warning,
+          muted: colors.warningMuted
+        },
+        info: {
+          DEFAULT: colors.info,
+          muted: colors.infoMuted
+        }
+      },
+      fontFamily: {
+        heading: typography.fontHeading,
+        body: typography.fontBody,
+        mono: typography.fontMono
+      },
+      fontSize: typography.fontSize,
+      fontWeight: typography.fontWeight,
+      lineHeight: typography.lineHeight,
+      letterSpacing: typography.letterSpacing,
+      spacing,
+      borderRadius: radii,
+      boxShadow: shadows,
+      transitionDuration: duration,
+      transitionTimingFunction: easing,
+      animation: {
+        "fade-in": "fade-in 200ms ease-out",
+        "fade-out": "fade-out 150ms ease-in",
+        "slide-in-right": `slide-in-right 300ms ${easing.smooth}`,
+        "slide-out-right": "slide-out-right 200ms ease-in",
+        "pulse-glow": "pulse-glow 2s ease-in-out infinite"
+      },
+      keyframes: {
+        "fade-in": {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" }
+        },
+        "fade-out": {
+          "0%": { opacity: "1" },
+          "100%": { opacity: "0" }
+        },
+        "slide-in-right": {
+          "0%": { transform: "translateX(100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" }
+        },
+        "slide-out-right": {
+          "0%": { transform: "translateX(0)", opacity: "1" },
+          "100%": { transform: "translateX(100%)", opacity: "0" }
+        },
+        "pulse-glow": {
+          "0%, 100%": { boxShadow: "0 0 20px rgba(201, 162, 39, 0.3)" },
+          "50%": { boxShadow: "0 0 30px rgba(201, 162, 39, 0.5)" }
+        }
+      }
+    }
+  },
+  plugins: [aureliusPlugin]
+};
+var tailwind_preset_default = preset;
+
+export {
+  tailwind_preset_default
+};
+//# sourceMappingURL=chunk-MBYGB67D.mjs.map

package/dist/chunk-MBYGB67D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind.preset.ts"],"sourcesContent":["import type {Config} from 'tailwindcss'\nimport plugin from 'tailwindcss/plugin'\nimport {colors, duration, easing, radii, shadows, spacing, typography} from './tokens'\n\nconst aureliusPlugin = plugin(function ({addBase, addUtilities, theme}) {\n  // Base styles\n  addBase({\n    'html': {\n      fontFamily: theme('fontFamily.body'),\n      backgroundColor: theme('colors.obsidian'),\n      color: theme('colors.white'),\n      '-webkit-font-smoothing': 'antialiased',\n      '-moz-osx-font-smoothing': 'grayscale',\n    },\n    'body': {\n      minHeight: '100vh',\n      lineHeight: '1.5',\n    },\n    'table': {\n      borderCollapse: 'collapse',\n      width: '100%',\n    },\n    'table, th, td': {\n      border: `1px solid ${theme('colors.gold.muted')}`,\n    },\n    'th, td': {\n      padding: '0.5rem 0.75rem',\n    },\n    'table:hover': {\n      boxShadow: theme('boxShadow.glow'),\n    },\n    'progress': {\n      appearance: 'none',\n      '-webkit-appearance': 'none',\n      border: `1px solid ${theme('colors.gold.muted')}`,\n      borderRadius: '0',\n      backgroundColor: theme('colors.charcoal'),\n      width: '100%',\n      height: '0.5rem',\n    },\n    'progress::-webkit-progress-bar': {\n      backgroundColor: theme('colors.charcoal'),\n    },\n    'progress::-webkit-progress-value': {\n      backgroundColor: theme('colors.gold.DEFAULT'),\n    },\n    'progress::-moz-progress-bar': {\n      backgroundColor: theme('colors.gold.DEFAULT'),\n    },\n    'h1, h2, h3, h4, h5, h6': {\n      fontFamily: theme('fontFamily.heading'),\n      fontWeight: '600',\n      letterSpacing: '-0.025em',\n      color: theme('colors.white'),\n    },\n    'h1': {fontSize: '2.25rem', lineHeight: '1.25'},\n    'h2': {fontSize: '1.875rem', lineHeight: '1.25'},\n    'h3': {fontSize: '1.5rem', lineHeight: '1.375'},\n    'h4': {fontSize: '1.25rem', lineHeight: '1.375'},\n    'h5': {fontSize: '1.125rem', lineHeight: '1.5'},\n    'h6': {fontSize: '1rem', lineHeight: '1.5'},\n    'code, pre, kbd, samp': {\n      fontFamily: theme('fontFamily.mono'),\n      fontSize: '0.875em',\n    },\n    'a': {\n      color: theme('colors.gold.DEFAULT'),\n      textDecoration: 'none',\n      transition: `color ${theme('transitionDuration.fast')} ease-out`,\n    },\n    'a:hover': {\n      color: theme('colors.gold.light'),\n    },\n    ':focus-visible': {\n      outline: `2px solid ${theme('colors.gold.DEFAULT')}`,\n      outlineOffset: '2px',\n    },\n    '::selection': {\n      backgroundColor: theme('colors.gold.DEFAULT'),\n      color: theme('colors.obsidian'),\n    },\n    '::-webkit-scrollbar': {width: '8px', height: '8px'},\n    '::-webkit-scrollbar-track': {background: theme('colors.charcoal')},\n    '::-webkit-scrollbar-thumb': {\n      background: theme('colors.ash'),\n      borderRadius: theme('borderRadius.full')\n    },\n    '::-webkit-scrollbar-thumb:hover': {background: theme('colors.silver')},\n  })\n\n  // Utility classes\n  addUtilities({\n    '.text-gradient-gold': {\n      background: `linear-gradient(to right, ${theme('colors.gold.DEFAULT')}, ${theme(\n          'colors.gold.light')}, ${theme('colors.gold.DEFAULT')})`,\n      '-webkit-background-clip': 'text',\n      'background-clip': 'text',\n      color: 'transparent',\n    },\n    '.glow': {boxShadow: theme('boxShadow.glow')},\n    '.glow-sm': {boxShadow: theme('boxShadow.glow-sm')},\n    '.glow-lg': {boxShadow: theme('boxShadow.glow-lg')},\n    '.scroll-smooth': {\n      scrollBehavior: 'smooth',\n      '-webkit-overflow-scrolling': 'touch',\n    },\n    '.scrollbar-hide': {\n      '-ms-overflow-style': 'none',\n      'scrollbar-width': 'none',\n      '&::-webkit-scrollbar': {display: 'none'},\n    },\n    '.backdrop-glass': {\n      backdropFilter: 'blur(12px)',\n      backgroundColor: 'rgba(20, 20, 20, 0.8)',\n    },\n    '.focus-ring': {\n      '&:focus-visible': {\n        outline: '2px solid #c9a227',\n        outlineOffset: '2px',\n      },\n    },\n    '.line-clamp-2': {\n      display: '-webkit-box',\n      '-webkit-line-clamp': '2',\n      '-webkit-box-orient': 'vertical',\n      overflow: 'hidden',\n    },\n    '.line-clamp-3': {\n      display: '-webkit-box',\n      '-webkit-line-clamp': '3',\n      '-webkit-box-orient': 'vertical',\n      overflow: 'hidden',\n    },\n    '.center-absolute': {\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n    },\n  })\n})\n\nconst preset: Partial<Config> = {\n  theme: {\n    extend: {\n      colors: {\n        // Black spectrum\n        void: colors.void,\n        obsidian: colors.obsidian,\n        charcoal: colors.charcoal,\n        graphite: colors.graphite,\n        slate: colors.slate,\n        ash: colors.ash,\n\n        // Gold spectrum\n        gold: {\n          DEFAULT: colors.gold,\n          light: colors.goldLight,\n          bright: colors.goldBright,\n          muted: colors.goldMuted,\n          pale: colors.goldPale,\n          glow: colors.goldGlow,\n        },\n\n        // Neutrals\n        white: colors.white,\n        silver: colors.silver,\n        zinc: colors.zinc,\n        dim: colors.dim,\n\n        // Semantic\n        success: {\n          DEFAULT: colors.success,\n          muted: colors.successMuted,\n        },\n        error: {\n          DEFAULT: colors.error,\n          muted: colors.errorMuted,\n        },\n        warning: {\n          DEFAULT: colors.warning,\n          muted: colors.warningMuted,\n        },\n        info: {\n          DEFAULT: colors.info,\n          muted: colors.infoMuted,\n        },\n      },\n\n      fontFamily: {\n        heading: typography.fontHeading as unknown as string[],\n        body: typography.fontBody as unknown as string[],\n        mono: typography.fontMono as unknown as string[],\n      },\n\n      fontSize: typography.fontSize as any,\n      fontWeight: typography.fontWeight as any,\n      lineHeight: typography.lineHeight as any,\n      letterSpacing: typography.letterSpacing as any,\n\n      spacing: spacing as any,\n\n      borderRadius: radii as any,\n\n      boxShadow: shadows as any,\n\n      transitionDuration: duration as any,\n\n      transitionTimingFunction: easing as any,\n\n      animation: {\n        'fade-in': 'fade-in 200ms ease-out',\n        'fade-out': 'fade-out 150ms ease-in',\n        'slide-in-right': `slide-in-right 300ms ${easing.smooth}`,\n        'slide-out-right': 'slide-out-right 200ms ease-in',\n        'pulse-glow': 'pulse-glow 2s ease-in-out infinite',\n      },\n\n      keyframes: {\n        'fade-in': {\n          '0%': {opacity: '0'},\n          '100%': {opacity: '1'},\n        },\n        'fade-out': {\n          '0%': {opacity: '1'},\n          '100%': {opacity: '0'},\n        },\n        'slide-in-right': {\n          '0%': {transform: 'translateX(100%)', opacity: '0'},\n          '100%': {transform: 'translateX(0)', opacity: '1'},\n        },\n        'slide-out-right': {\n          '0%': {transform: 'translateX(0)', opacity: '1'},\n          '100%': {transform: 'translateX(100%)', opacity: '0'},\n        },\n        'pulse-glow': {\n          '0%, 100%': {boxShadow: '0 0 20px rgba(201, 162, 39, 0.3)'},\n          '50%': {boxShadow: '0 0 30px rgba(201, 162, 39, 0.5)'},\n        },\n      },\n    },\n  },\n  plugins: [aureliusPlugin]\n}\n\nexport default preset"],"mappings":"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","names":[]}

package/dist/{chunk-OPJXDW4C.mjs → chunk-MDNHT46W.mjs}

@@ -147,4 +147,4 @@ export {
   easing,
   radii
 };
-//# sourceMappingURL=chunk-OPJXDW4C.mjs.map
+//# sourceMappingURL=chunk-MDNHT46W.mjs.map

package/dist/chunk-MDNHT46W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/shadows.ts","../src/tokens/transitions.ts","../src/tokens/radii.ts"],"sourcesContent":["export const colors = {\n  // Black spectrum\n  void: '#000000',\n  obsidian: '#0a0a0a',\n  charcoal: '#141414',\n  graphite: '#1f1f1f',\n  slate: '#2a2a2a',\n  ash: '#3d3d3d',\n\n  // Gold spectrum\n  gold: '#c9a227',\n  goldLight: '#d4b84a',\n  goldBright: '#e5c84d',\n  goldMuted: '#8b7355',\n  goldPale: '#d4c4a8',\n  goldGlow: 'rgba(201, 162, 39, 0.15)',\n\n  // Neutrals\n  white: '#ffffff',\n  silver: '#a3a3a3',\n  zinc: '#71717a',\n  dim: '#52525b',\n\n  // Semantic\n  success: '#22c55e',\n  successMuted: '#166534',\n  error: '#dc2626',\n  errorMuted: '#991b1b',\n  warning: '#d97706',\n  warningMuted: '#92400e',\n  info: '#0ea5e9',\n  infoMuted: '#0369a1',\n} as const\n\nexport type ColorToken = keyof typeof colors\n","export const typography = {\n  // Headings use Marcellus, a classic serif\n  fontHeading: ['Marcellus', 'serif'],\n  // Body and UI use Raleway\n  fontBody: ['Raleway', 'system-ui', 'sans-serif'],\n  fontMono: ['JetBrains Mono', 'Fira Code', 'SF Mono', 'monospace'],\n\n  fontSize: {\n    xs: ['0.75rem', {lineHeight: '1rem'}],\n    sm: ['0.875rem', {lineHeight: '1.25rem'}],\n    base: ['1rem', {lineHeight: '1.5rem'}],\n    lg: ['1.125rem', {lineHeight: '1.75rem'}],\n    xl: ['1.25rem', {lineHeight: '1.75rem'}],\n    '2xl': ['1.5rem', {lineHeight: '2rem'}],\n    '3xl': ['1.875rem', {lineHeight: '2.25rem'}],\n    '4xl': ['2.25rem', {lineHeight: '2.5rem'}],\n    '5xl': ['3rem', {lineHeight: '1'}],\n    '6xl': ['3.75rem', {lineHeight: '1'}],\n  },\n\n  fontWeight: {\n    normal: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n  },\n\n  lineHeight: {\n    none: '1',\n    tight: '1.25',\n    snug: '1.375',\n    normal: '1.5',\n    relaxed: '1.625',\n    loose: '2',\n  },\n\n  letterSpacing: {\n    tighter: '-0.05em',\n    tight: '-0.025em',\n    normal: '0',\n    wide: '0.025em',\n    wider: '0.05em',\n    widest: '0.1em',\n  },\n} as const\n\nexport type TypographyToken = keyof typeof typography\n","export const spacing = {\n  px: '1px',\n  0: '0',\n  0.5: '0.125rem',\n  1: '0.25rem',\n  1.5: '0.375rem',\n  2: '0.5rem',\n  2.5: '0.625rem',\n  3: '0.75rem',\n  3.5: '0.875rem',\n  4: '1rem',\n  5: '1.25rem',\n  6: '1.5rem',\n  7: '1.75rem',\n  8: '2rem',\n  9: '2.25rem',\n  10: '2.5rem',\n  11: '2.75rem',\n  12: '3rem',\n  14: '3.5rem',\n  16: '4rem',\n  20: '5rem',\n  24: '6rem',\n  28: '7rem',\n  32: '8rem',\n} as const\n\nexport type SpacingToken = keyof typeof spacing\n","export const shadows = {\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3)',\n  '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.5)',\n  glow: '0 0 20px rgba(201, 162, 39, 0.3)',\n  'glow-sm': '0 0 10px rgba(201, 162, 39, 0.2)',\n  'glow-lg': '0 0 40px rgba(201, 162, 39, 0.4)',\n  inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)',\n} as const\n\nexport type ShadowToken = keyof typeof shadows\n","export const duration = {\n  instant: '75ms',\n  fast: '150ms',\n  normal: '200ms',\n  slow: '300ms',\n  slower: '500ms',\n} as const\n\nexport const easing = {\n  smooth: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  snap: 'cubic-bezier(0.5, 0, 0.1, 1)',\n} as const\n\nexport type DurationToken = keyof typeof duration\nexport type EasingToken = keyof typeof easing\n","export const radii = {\n  sm: '0.125rem',\n  md: '0.25rem',\n  lg: '0.375rem',\n  xl: '0.5rem',\n  '2xl': '0.75rem',\n  '3xl': '1rem',\n  full: '9999px',\n} as const\n\nexport type RadiusToken = keyof typeof radii\n"],"mappings":"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","names":[]}