@mayor_grd/centry-ui 0.1.0

package/dist/styles/library.css

@@ -0,0 +1,174 @@
+@import '../tokens/generated/variables.css';
+@import '../tokens/generated/primitives.css';
+
+/*
+ * Registers Basis DS design tokens as Tailwind utility classes.
+ * Light mode is default (:root). Dark mode via .dark or [data-theme="dark"].
+ * Run `pnpm tokens:generate` to update the source variables.css.
+ */
+
+@theme {
+  /* Background */
+  --color-bg-canvas: var(--background-canvas);
+  --color-bg-surface: var(--background-surface);
+  --color-bg-popover: var(--background-popover);
+  --color-bg-scrim: var(--background-scrim);
+  --color-bg-inverse: var(--background-inverse);
+  --color-bg-brand: var(--background-brand);
+  --color-bg-overlay: var(--background-overlay);
+  --color-bg-input: var(--background-input);
+  --color-bg-sidebar: var(--background-sidebar);
+  --color-bg-sidebar-accent: var(--background-sidebar-accent);
+  --color-bg-navbar: var(--background-navbar);
+  --color-bg-secondary: var(--background-secondary);
+  --color-bg-muted: var(--background-muted);
+  --color-bg-accent: var(--background-accent);
+  --color-bg-strong: var(--background-strong);
+  --color-bg-transparent: var(--background-transparent);
+
+  /* Text */
+  --color-text-primary: var(--text-primary);
+  --color-text-secondary: var(--text-secondary);
+  --color-text-muted: var(--text-muted);
+  --color-text-disabled: var(--text-disabled);
+  --color-text-inverse: var(--text-inverse);
+  --color-text-link: var(--text-link);
+  --color-text-link-hover: var(--text-link-hover);
+  --color-text-popover: var(--text-popover);
+  --color-text-sidebar: var(--text-sidebar);
+  --color-text-dialog: var(--text-dialog);
+
+  /* Icon */
+  --color-icon-primary: var(--icon-primary);
+  --color-icon-secondary: var(--icon-secondary);
+  --color-icon-muted: var(--icon-muted);
+  --color-icon-disabled: var(--icon-disabled);
+  --color-icon-inverse: var(--icon-inverse);
+  --color-icon-link: var(--icon-link);
+  --color-icon-sidebar: var(--icon-sidebar);
+
+  /* Border */
+  --color-border-default: var(--border-default);
+  --color-border-muted: var(--border-muted);
+  --color-border-strong: var(--border-strong);
+  --color-border-disabled: var(--border-disabled);
+  --color-border-input: var(--border-input);
+  --color-border-brand: var(--border-brand);
+  --color-border-inverse: var(--border-inverse);
+
+  /* Focus */
+  --color-focus-ring: var(--focus-ring-global-ring);
+  --color-focus-shadow: var(--focus-ring-global-shadow-color);
+  --color-focus-offset: var(--focus-ring-offset);
+
+  /* Action: Primary */
+  --color-action-primary-bg: var(--action-primary-background);
+  --color-action-primary-bg-hover: var(--action-primary-background-hover);
+  --color-action-primary-bg-active: var(--action-primary-background-pressed);
+  --color-action-primary-text: var(--action-primary-text);
+
+  /* Action: Secondary */
+  --color-action-secondary-bg: var(--action-secondary-background);
+  --color-action-secondary-bg-hover: var(--action-secondary-background-hover);
+  --color-action-secondary-bg-active: var(--action-secondary-background-pressed);
+  --color-action-secondary-text: var(--action-secondary-text);
+
+  /* Action: Ghost */
+  --color-action-ghost-bg: var(--action-ghost-background);
+  --color-action-ghost-bg-hover: var(--action-ghost-background-hover);
+  --color-action-ghost-bg-active: var(--action-ghost-background-pressed);
+  --color-action-ghost-text: var(--action-ghost-text);
+
+  /* Action: Outline */
+  --color-action-outline-bg: var(--action-outline-background);
+  --color-action-outline-bg-hover: var(--action-outline-background-hover);
+  --color-action-outline-bg-active: var(--action-outline-background-pressed);
+  --color-action-outline-text: var(--action-outline-text);
+  --color-action-outline-border: var(--action-outline-border);
+
+  /* Action: Destructive */
+  --color-action-destructive-bg: var(--action-destructive-background);
+  --color-action-destructive-bg-hover: var(--action-destructive-background-hover);
+  --color-action-destructive-bg-active: var(--action-destructive-background-pressed);
+  --color-action-destructive-text: var(--action-destructive-text);
+
+  /* Action: Link */
+  --color-action-link-text: var(--action-link-text);
+  --color-action-link-text-hover: var(--action-link-text-hover);
+
+  /* Action: Disabled */
+  --color-action-disabled-bg: var(--action-disabled-background);
+  --color-action-disabled-text: var(--action-disabled-text);
+  --color-action-disabled-border: var(--action-disabled-border);
+
+  /* Field */
+  --color-field-bg: var(--field-background);
+  --color-field-text: var(--field-text);
+  --color-field-placeholder: var(--field-placeholder);
+  --color-field-border: var(--field-border);
+  --color-field-border-hover: var(--field-border-hover);
+  --color-field-border-focus: var(--field-border-focus);
+  --color-field-border-error: var(--field-border-error);
+  --color-field-border-disabled: var(--field-border-disabled);
+  --color-field-bg-disabled: var(--field-background-disabled);
+  --color-field-text-disabled: var(--field-text-disabled);
+  --color-field-label: var(--field-label);
+  --color-field-helptext: var(--field-help-text);
+  --color-field-errortext: var(--field-error-text);
+
+  /* Status */
+  --color-status-info-bg: var(--status-info-background);
+  --color-status-info-border: var(--status-info-border);
+  --color-status-info-text: var(--status-info-text);
+  --color-status-info-icon: var(--status-info-icon);
+  --color-status-success-bg: var(--status-success-background);
+  --color-status-success-border: var(--status-success-border);
+  --color-status-success-text: var(--status-success-text);
+  --color-status-success-icon: var(--status-success-icon);
+  --color-status-warning-bg: var(--status-warning-background);
+  --color-status-warning-border: var(--status-warning-border);
+  --color-status-warning-text: var(--status-warning-text);
+  --color-status-warning-icon: var(--status-warning-icon);
+  --color-status-error-bg: var(--status-error-background);
+  --color-status-error-border: var(--status-error-border);
+  --color-status-error-text: var(--status-error-text);
+  --color-status-error-icon: var(--status-error-icon);
+
+  /* Sidebar */
+  --sidebar-width: var(--app-shell-sidebar-full-width);
+  --sidebar-width-icon: var(--app-shell-sidebar-skinny);
+  --sidebar-header-height: var(--app-shell-header-default-height);
+
+  /* Elevation (shadows) */
+  --shadow-input: var(--elevation-1-input);
+  --shadow-card: var(--elevation-2-card);
+  --shadow-popover: var(--elevation-3-popover);
+  --shadow-modal: var(--elevation-4-modal);
+  --shadow-focus-ring: var(--elevation-5-focus-ring);
+
+  /* Radius */
+  --radius-sm: var(--radius-sm);
+  --radius-md: var(--radius-md);
+  --radius-lg: var(--radius-lg);
+  --radius-xl: var(--radius-card-lg);
+  --radius-full: var(--radius-rounded-full);
+
+  /* Animations */
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+}
+
+@keyframes accordion-down {
+  from { height: 0; }
+  to { height: var(--radix-accordion-content-height); }
+}
+
+@keyframes accordion-up {
+  from { height: var(--radix-accordion-content-height); }
+  to { height: 0; }
+}
+
+body {
+  background-color: var(--background-canvas);
+  color: var(--text-primary);
+}

package/dist/tokens/generated/primitives.css

@@ -0,0 +1,541 @@
+/* Auto-generated from Basis DS design tokens — do not edit manually */
+/* Run `pnpm tokens:generate` to regenerate */
+/* Primitive scales (Tailwind palette, alpha overlays, brand). Mode-independent. */
+/* Opt-in: import this file when you need escape-hatch access to raw scales. */
+
+:root {
+  /* ── Color Primitives ── */
+  --neutral-0: #ffffff;
+  --neutral-50: #f8fafc;
+  --neutral-100: #f1f5f9;
+  --neutral-200: #e2e8f0;
+  --neutral-300: #cbd5e1;
+  --neutral-400: #94a3b8;
+  --neutral-500: #64748b;
+  --neutral-600: #475569;
+  --neutral-700: #334155;
+  --neutral-800: #1f2937;
+  --neutral-900: #0f172a;
+  --neutral-1000: #020617;
+  --brand-50: #eff6ff;
+  --brand-100: #dbeafe;
+  --brand-200: #bfdbfe;
+  --brand-300: #93c5fd;
+  --brand-400: #60a5fa;
+  --brand-500: #3b82f6;
+  --brand-600: #2563eb;
+  --brand-700: #1d4ed8;
+  --brand-800: #1e40af;
+  --brand-900: #1e3a8a;
+  --red-50: #fef2f2;
+  --red-100: #fee2e2;
+  --red-200: #fecaca;
+  --red-300: #fca5a5;
+  --red-400: #f87171;
+  --red-500: #ef4444;
+  --red-600: #dc2626;
+  --red-700: #b91c1c;
+  --red-800: #991b1b;
+  --red-900: #7f1d1d;
+  --green-50: #f0fdf4;
+  --green-200: #bbf7d0;
+  --green-500: #22c55e;
+  --green-600: #16a34a;
+  --green-700: #15803d;
+  --green-900: #052e16;
+  --amber-50: #fffbeb;
+  --amber-200: #fde68a;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+  --amber-700: #b45309;
+  --amber-900: #78350f;
+  --blue-50: #eff6ff;
+  --blue-200: #bfdbfe;
+  --blue-300: #93c5fd;
+  --blue-400: #60a5fa;
+  --blue-500: #3b82f6;
+  --blue-600: #2563eb;
+  --blue-700: #1d4ed8;
+  --blue-900: #1e3a8a;
+  --alpha-black01: #02061700;
+  --alpha-black15: #02061726;
+  --alpha-black50: #02061780;
+  --alpha-black72: #020617b8;
+  --alpha-black80: #020617cc;
+  --alpha-black90: #020617e5;
+  --alpha-white00: #ffffff00;
+  --alpha-white01: #ffffff00;
+  --alpha-white06: #ffffff0f;
+  --alpha-white10: #ffffff1a;
+  --alpha-white15: #ffffff26;
+  --alpha-white80: #ffffffcc;
+  --alpha-white90: #ffffffe5;
+  --alpha-shadow-light06: #0206170f;
+  --alpha-shadow-light08: #02061714;
+  --alpha-shadow-light10: #0206171a;
+  --alpha-shadow-light18: #0206172e;
+  --alpha-shadow-dark20: #00000033;
+  --alpha-shadow-dark35: #00000059;
+  --alpha-shadow-dark60: #00000099;
+  --alpha-focus-ring-light: #3b82f666;
+  --alpha-focus-ring-dark: #1d4ed880;
+  --custom-neutral-50: #fbfbfc;
+  --custom-neutral-100: #f6f7f9;
+  --custom-neutral-150: #f0f2f5;
+  --custom-neutral-200: #e7eaee;
+  --custom-neutral-250: #dce0e5;
+  --custom-neutral-300: #d1d5db;
+  --custom-neutral-350: #c1c6cd;
+  --custom-neutral-400: #b0b6bf;
+  --custom-neutral-450: #a0a7b0;
+  --custom-neutral-500: #8e959f;
+  --custom-neutral-550: #7c838d;
+  --custom-neutral-600: #686f78;
+  --custom-neutral-650: #5a6068;
+  --custom-neutral-700: #4c5157;
+  --custom-neutral-750: #3e4247;
+  --custom-neutral-800: #34373c;
+  --custom-neutral-850: #292b2e;
+  --custom-neutral-900: #1d1e20;
+  --custom-neutral-950: #111213;
+  --alpha-black-1: #0c0c0d03;
+  --alpha-black-5: #0c0c0d0d;
+  --alpha-black-8: #0c0c0d14;
+  --alpha-black-10: #0c0c0d1a;
+  --alpha-black-15: #0c0c0d26;
+  --alpha-black-20: #0c0c0d33;
+  --alpha-black-30: #0c0c0d4d;
+  --alpha-black-40: #0c0c0d66;
+  --alpha-black-50: #0c0c0d80;
+  --alpha-black-80: #0c0c0dcc;
+  --alpha-black-90: #0c0c0de5;
+  --alpha-black-100: #0c0c0d;
+  --alpha-black-70-2: #0c0c0db2;
+  --gray-90: #0c0c0de5;
+  --gray-95: #0c0c0df2;
+  --gray-30-2: #0c0c0d4d;
+  --gray-40-2: #0c0c0d66;
+  --gray-50-3: #0c0c0d80;
+  --gray-70-2: #0c0c0db2;
+  --gray-80-2: #0c0c0dcc;
+  --gray-85-2: #0c0c0dd9;
+  --alpha-white-0: #ffffff00;
+  --alpha-white-1: #ffffff03;
+  --alpha-white-5: #ffffff0d;
+  --alpha-white-10: #ffffff1a;
+  --alpha-white-20: #ffffff33;
+  --alpha-white-25: #ffffff40;
+  --alpha-white-40: #ffffff66;
+  --alpha-white-50: #ffffff80;
+  --alpha-white-60: #ffffff99;
+  --alpha-white-70: #ffffffb2;
+  --alpha-white-80: #ffffffcc;
+  --alpha-white-90: #ffffffe5;
+  --alpha-white-100: #ffffff;
+  --brand-50: #f0f3ff;
+  --brand-100: #e0e9ff;
+  --brand-200: #d1ddff;
+  --brand-300: #a8beff;
+  --brand-400: #6b8eff;
+  --brand-500: #2e5fff;
+  --brand-600: #2b4fcf;
+  --brand-700: #203c9e;
+  --brand-800: #182c7c;
+  --brand-900: #12205e;
+  --brand-950: #0b1441;
+  --custom-green-50: #f6fef6;
+  --custom-green-100: #ebfaea;
+  --custom-green-200: #d4f3d3;
+  --custom-green-300: #b2e7b1;
+  --custom-green-400: #5edc5a;
+  --custom-green-500: #0ebe0e;
+  --custom-green-600: #0ca20e;
+  --custom-green-700: #0a8a0e;
+  --custom-green-800: #08690c;
+  --custom-green-900: #05470a;
+  --custom-green-950: #032405;
+  --custom-green-400-2: #69d369;
+  --custom-pink-50: #fef6fe;
+  --custom-pink-100: #fce8fc;
+  --custom-pink-200: #fad6f9;
+  --custom-pink-300: #f6b1f3;
+  --custom-pink-400: #ef76e9;
+  --custom-pink-500: #e30cd4;
+  --custom-pink-600: #bd0aae;
+  --custom-pink-700: #a00893;
+  --custom-pink-800: #7e0772;
+  --custom-pink-900: #57054f;
+  --custom-pink-950: #2d0228;
+  --success-50: #f5fff6;
+  --success-100: #ebffee;
+  --success-200: #cff7d3;
+  --success-300: #aff4c6;
+  --success-400: #85e0a3;
+  --success-500: #14ae5c;
+  --success-600: #009951;
+  --success-700: #008043;
+  --success-800: #02542d;
+  --success-900: #024023;
+  --success-950: #062d1b;
+  --warning-50: #fffdf5;
+  --warning-100: #fffbeb;
+  --warning-200: #fff1c2;
+  --warning-300: #ffe8a3;
+  --warning-400: #e8b931;
+  --warning-500: #e5a000;
+  --warning-600: #bf6a02;
+  --warning-700: #975102;
+  --warning-800: #682d03;
+  --warning-900: #522504;
+  --warning-950: #401b01;
+  --error-50: #fff6f5;
+  --error-100: #fee9e7;
+  --error-200: #fdd3d0;
+  --error-300: #fcb3ad;
+  --error-400: #f4776a;
+  --error-500: #ec221f;
+  --error-600: #c00f0c;
+  --error-700: #900b09;
+  --error-800: #690807;
+  --error-900: #4d0b0a;
+  --error-950: #300603;
+  --pink-50: #fcf2fd;
+  --pink-100: #fae1fa;
+  --pink-200: #f5c0ef;
+  --pink-300: #f19edc;
+  --pink-400: #ec6fc7;
+  --pink-500: #ea3fb8;
+  --pink-600: #d732a8;
+  --pink-700: #ba2a92;
+  --pink-800: #8a226f;
+  --pink-900: #57184a;
+  --pink-950: #3f1536;
+  --tw-slate-50: #f8fafc;
+  --tw-slate-100: #f1f5f9;
+  --tw-slate-200: #e2e8f0;
+  --tw-slate-300: #cad5e2;
+  --tw-slate-400: #90a1b9;
+  --tw-slate-500: #62748e;
+  --tw-slate-600: #45556c;
+  --tw-slate-700: #314158;
+  --tw-slate-800: #1d293d;
+  --tw-slate-900: #0f172b;
+  --tw-slate-950: #020618;
+  --tw-gray-50: #f9fafb;
+  --tw-gray-100: #f3f4f6;
+  --tw-gray-200: #e5e7eb;
+  --tw-gray-300: #d1d5dc;
+  --tw-gray-400: #99a1af;
+  --tw-gray-500: #6a7282;
+  --tw-gray-600: #4a5565;
+  --tw-gray-700: #364153;
+  --tw-gray-800: #1e2939;
+  --tw-gray-900: #101828;
+  --tw-gray-950: #030712;
+  --tw-zinc-50: #fafafa;
+  --tw-zinc-100: #f4f4f5;
+  --tw-zinc-200: #e4e4e7;
+  --tw-zinc-300: #d4d4d8;
+  --tw-zinc-400: #9f9fa9;
+  --tw-zinc-500: #71717b;
+  --tw-zinc-600: #52525c;
+  --tw-zinc-700: #3f3f46;
+  --tw-zinc-800: #27272a;
+  --tw-zinc-900: #18181b;
+  --tw-zinc-950: #09090b;
+  --tw-neutral-50: #fafafa;
+  --tw-neutral-100: #f5f5f5;
+  --tw-neutral-200: #e5e5e5;
+  --tw-neutral-300: #d4d4d4;
+  --tw-neutral-400: #a1a1a1;
+  --tw-neutral-500: #737373;
+  --tw-neutral-600: #525252;
+  --tw-neutral-700: #404040;
+  --tw-neutral-800: #262626;
+  --tw-neutral-900: #171717;
+  --tw-neutral-950: #0a0a0a;
+  --tw-stone-50: #fafaf9;
+  --tw-stone-100: #f5f5f4;
+  --tw-stone-200: #e7e5e4;
+  --tw-stone-300: #d6d3d1;
+  --tw-stone-400: #a6a09b;
+  --tw-stone-500: #79716b;
+  --tw-stone-600: #57534d;
+  --tw-stone-700: #44403b;
+  --tw-stone-800: #292524;
+  --tw-stone-900: #1c1917;
+  --tw-stone-950: #0c0a09;
+  --tw-red-50: #fef2f2;
+  --tw-red-100: #ffe2e2;
+  --tw-red-200: #ffc9c9;
+  --tw-red-300: #ffa2a2;
+  --tw-red-400: #ff6467;
+  --tw-red-500: #fb2c36;
+  --tw-red-600: #e7000b;
+  --tw-red-700: #c10007;
+  --tw-red-800: #9f0712;
+  --tw-red-900: #82181a;
+  --tw-red-950: #460809;
+  --tw-red-950-2: #82181a;
+  --tw-orange-50: #fff7ed;
+  --tw-orange-100: #ffedd4;
+  --tw-orange-200: #ffd6a8;
+  --tw-orange-300: #ffb86a;
+  --tw-orange-400: #ff8904;
+  --tw-orange-500: #ff6900;
+  --tw-orange-600: #f54a00;
+  --tw-orange-700: #ca3500;
+  --tw-orange-800: #9f2d00;
+  --tw-orange-900: #7e2a0c;
+  --tw-orange-950: #441306;
+  --tw-amber-50: #fffbeb;
+  --tw-amber-100: #fef3c6;
+  --tw-amber-200: #fee685;
+  --tw-amber-300: #ffd230;
+  --tw-amber-400: #ffba00;
+  --tw-amber-500: #fd9a00;
+  --tw-amber-600: #e17100;
+  --tw-amber-700: #bb4d00;
+  --tw-amber-800: #973c00;
+  --tw-amber-900: #7b3306;
+  --tw-amber-950: #461901;
+  --tw-yellow-50: #fefce8;
+  --tw-yellow-100: #fef9c2;
+  --tw-yellow-200: #fff085;
+  --tw-yellow-300: #ffdf20;
+  --tw-yellow-400: #fcc800;
+  --tw-yellow-500: #efb100;
+  --tw-yellow-600: #d08700;
+  --tw-yellow-700: #a65f00;
+  --tw-yellow-800: #894b00;
+  --tw-yellow-900: #733e0a;
+  --tw-yellow-950: #432004;
+  --tw-lime-50: #f7fee7;
+  --tw-lime-100: #ecfcca;
+  --tw-lime-200: #d8f999;
+  --tw-lime-300: #bbf451;
+  --tw-lime-400: #9ae600;
+  --tw-lime-500: #7ccf00;
+  --tw-lime-600: #5ea500;
+  --tw-lime-700: #497d00;
+  --tw-lime-800: #3d6300;
+  --tw-lime-900: #35530e;
+  --tw-lime-950: #192e03;
+  --tw-green-50: #f0fdf4;
+  --tw-green-100: #dcfce7;
+  --tw-green-200: #b9f8cf;
+  --tw-green-300: #7bf1a8;
+  --tw-green-400: #05df72;
+  --tw-green-500: #00c951;
+  --tw-green-600: #00a63e;
+  --tw-green-700: #008236;
+  --tw-green-800: #016630;
+  --tw-green-900: #0d542b;
+  --tw-green-950: #052e16;
+  --tw-emerald-50: #ecfdf5;
+  --tw-emerald-100: #d0fae5;
+  --tw-emerald-200: #a4f4cf;
+  --tw-emerald-300: #5ee9b5;
+  --tw-emerald-400: #00d492;
+  --tw-emerald-500: #00bc7d;
+  --tw-emerald-600: #009966;
+  --tw-emerald-700: #007a55;
+  --tw-emerald-800: #006045;
+  --tw-emerald-900: #004f3b;
+  --tw-emerald-950: #002c22;
+  --tw-teal-50: #f0fdfa;
+  --tw-teal-100: #cbfbf1;
+  --tw-teal-200: #96f7e4;
+  --tw-teal-300: #46ecd5;
+  --tw-teal-400: #00d5be;
+  --tw-teal-500: #00bba7;
+  --tw-teal-600: #009689;
+  --tw-teal-700: #00786f;
+  --tw-teal-800: #005f5a;
+  --tw-teal-900: #0b4f4a;
+  --tw-teal-950: #022f2e;
+  --tw-cyan-50: #ecfeff;
+  --tw-cyan-100: #cefafe;
+  --tw-cyan-200: #a2f4fd;
+  --tw-cyan-300: #53eafd;
+  --tw-cyan-400: #00d3f2;
+  --tw-cyan-500: #00b8db;
+  --tw-cyan-600: #0092b8;
+  --tw-cyan-700: #007595;
+  --tw-cyan-800: #005f78;
+  --tw-cyan-900: #104e64;
+  --tw-cyan-950: #053345;
+  --tw-sky-50: #f0f9ff;
+  --tw-sky-100: #dff2fe;
+  --tw-sky-200: #b8e6fe;
+  --tw-sky-300: #74d4ff;
+  --tw-sky-400: #00bcff;
+  --tw-sky-500: #00a6f4;
+  --tw-sky-600: #0084d1;
+  --tw-sky-700: #0069a8;
+  --tw-sky-800: #00598a;
+  --tw-sky-900: #024a70;
+  --tw-sky-950: #052f4a;
+  --tw-blue-50: #eff6ff;
+  --tw-blue-100: #dbeafe;
+  --tw-blue-200: #bedbff;
+  --tw-blue-300: #8ec5ff;
+  --tw-blue-400: #51a2ff;
+  --tw-blue-500: #2b7fff;
+  --tw-blue-600: #155dfc;
+  --tw-blue-700: #1447e6;
+  --tw-blue-800: #193cb8;
+  --tw-blue-900: #1c398e;
+  --tw-blue-950: #162456;
+  --tw-indigo-50: #eef2ff;
+  --tw-indigo-100: #e0e7ff;
+  --tw-indigo-200: #c6d2ff;
+  --tw-indigo-300: #a3b3ff;
+  --tw-indigo-400: #7c86ff;
+  --tw-indigo-500: #615fff;
+  --tw-indigo-600: #4f39f6;
+  --tw-indigo-700: #432dd7;
+  --tw-indigo-800: #372aac;
+  --tw-indigo-900: #312c85;
+  --tw-indigo-950: #1e1a4d;
+  --tw-violet-50: #f5f3ff;
+  --tw-violet-100: #ede9fe;
+  --tw-violet-200: #ddd6ff;
+  --tw-violet-300: #c4b4ff;
+  --tw-violet-400: #a684ff;
+  --tw-violet-500: #8e51ff;
+  --tw-violet-600: #7f22fe;
+  --tw-violet-700: #7008e7;
+  --tw-violet-800: #5d0ec0;
+  --tw-violet-900: #4d179a;
+  --tw-violet-950: #2f0d68;
+  --tw-purple-50: #faf5ff;
+  --tw-purple-100: #f3e8ff;
+  --tw-purple-200: #e9d4ff;
+  --tw-purple-300: #dab2ff;
+  --tw-purple-400: #c27aff;
+  --tw-purple-500: #ad46ff;
+  --tw-purple-600: #9810fa;
+  --tw-purple-700: #8200db;
+  --tw-purple-800: #6e11b0;
+  --tw-purple-900: #59168b;
+  --tw-purple-950: #3c0366;
+  --tw-fuchsia-50: #fdf4ff;
+  --tw-fuchsia-100: #fae8ff;
+  --tw-fuchsia-200: #f6cfff;
+  --tw-fuchsia-300: #f4a8ff;
+  --tw-fuchsia-400: #ed6bff;
+  --tw-fuchsia-500: #e12afb;
+  --tw-fuchsia-600: #c800de;
+  --tw-fuchsia-700: #a800b7;
+  --tw-fuchsia-800: #8a0194;
+  --tw-fuchsia-900: #721378;
+  --tw-fuchsia-950: #4b004f;
+  --tw-pink-50: #fdf2f8;
+  --tw-pink-100: #fce7f3;
+  --tw-pink-200: #fccee8;
+  --tw-pink-300: #fda5d5;
+  --tw-pink-400: #fb64b6;
+  --tw-pink-500: #f6339a;
+  --tw-pink-600: #e60076;
+  --tw-pink-700: #c6005c;
+  --tw-pink-800: #a3004c;
+  --tw-pink-900: #861043;
+  --tw-pink-950: #510424;
+  --tw-rose-50: #fff1f2;
+  --tw-rose-100: #ffe4e6;
+  --tw-rose-200: #ffccd3;
+  --tw-rose-300: #ffa1ad;
+  --tw-rose-400: #ff637e;
+  --tw-rose-500: #ff2056;
+  --tw-rose-600: #ec003f;
+  --tw-rose-700: #c70036;
+  --tw-rose-800: #a50036;
+  --tw-rose-900: #8b0836;
+  --tw-rose-950: #4d0218;
+
+  /* ── Typography Primitives ── */
+  --font-family-sans: Geist;
+  --font-family-mono: Geist Mono;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-size-scale-01: 12px;
+  --font-size-scale-02: 14px;
+  --font-size-scale-03: 16px;
+  --font-size-scale-04: 18px;
+  --font-size-scale-05: 20px;
+  --font-size-scale-06: 24px;
+  --font-size-scale-07: 32px;
+  --font-size-scale-08: 40px;
+  --font-size-scale-09: 48px;
+  --font-size-scale-10: 56px;
+  --font-size-scale-11: 64px;
+  --font-size-custom-01: 13px;
+  --line-height-scale-01: 18px;
+  --line-height-scale-02: 20px;
+  --line-height-scale-03: 24px;
+  --line-height-scale-04: 28px;
+  --line-height-scale-05: 28px;
+  --line-height-scale-06: 32px;
+  --line-height-scale-07: 38px;
+  --line-height-scale-08: 40px;
+  --line-height-scale-09: 48px;
+  --line-height-scale-10: 56px;
+  --line-height-scale-11: 64px;
+  --line-height-custom-01: 18px;
+  --letter-spacing-none: 0.15px;
+  --letter-spacing-tight: -0.2px;
+  --letter-spacing-wide: 0.2px;
+  --letter-spacing-tight-(em): -0.01em;
+  --letter-spacing-wide-(em): 0.02em;
+
+  /* ── Unit Primitives ── */
+  --space-0: 0px;
+  --space-100: 4px;
+  --space-150: 6px;
+  --space-200: 8px;
+  --space-250: 10px;
+  --space-300: 12px;
+  --space-350: 14px;
+  --space-400: 16px;
+  --space-450: 18px;
+  --space-500: 20px;
+  --space-600: 24px;
+  --space-800: 32px;
+  --space-900: 36px;
+  --space-1000: 40px;
+  --space-1200: 48px;
+  --space-1600: 64px;
+  --space-2000: 80px;
+  --space-2400: 96px;
+  --space-025: 1px;
+  --space-050: 2px;
+  --space-negative-100: -4px;
+  --space-negative-200: -8px;
+  --space-negative-300: -12px;
+  --space-negative-400: -16px;
+  --space-negative-600: -24px;
+  --radius-100: 4px;
+  --radius-200: 8px;
+  --radius-250: 10px;
+  --radius-300: 12px;
+  --radius-400: 16px;
+  --radius-full: 9999px;
+  --elevation-0: 0px;
+  --elevation-100: 4px;
+  --elevation-200: 8px;
+  --elevation-250: 10px;
+  --elevation-300: 12px;
+  --elevation-400: 16px;
+  --elevation-800: 32px;
+  --elevation-1200: 48px;
+  --elevation-025: 1px;
+  --elevation-050: 2px;
+  --elevation-075: 3px;
+  --elevation-negative-025: -1px;
+  --elevation-negative-100: -4px;
+  --elevation-negative-200: -8px;
+  --elevation-negative-400: -16px;
+}