@rojaostudio/ds 1.0.0

package/styles/_primitives.generated.css

@@ -0,0 +1,284 @@
+/* AUTO-GENERATED — do not edit by hand.
+ * Source of truth: tokens/index.ts
+ * Regenerate: pnpm build:tokens
+ */
+
+:root {
+  /* ── Color palettes ── */
+  --color-white: #ffffff;
+  --color-black: #000000;
+  --color-blackAlpha-50: #0000000D;
+  --color-blackAlpha-100: #0000001A;
+  --color-blackAlpha-200: #00000033;
+  --color-blackAlpha-300: #0000004D;
+  --color-blackAlpha-400: #00000066;
+  --color-blackAlpha-500: #00000080;
+  --color-blackAlpha-600: #00000099;
+  --color-blackAlpha-700: #000000B3;
+  --color-blackAlpha-800: #000000CC;
+  --color-blackAlpha-900: #000000E6;
+  --color-whiteAlpha-50: #FFFFFF0D;
+  --color-whiteAlpha-100: #FFFFFF1A;
+  --color-whiteAlpha-200: #FFFFFF33;
+  --color-whiteAlpha-300: #FFFFFF4D;
+  --color-whiteAlpha-400: #FFFFFF66;
+  --color-whiteAlpha-500: #FFFFFF80;
+  --color-whiteAlpha-600: #FFFFFF99;
+  --color-whiteAlpha-700: #FFFFFFB3;
+  --color-whiteAlpha-800: #FFFFFFCC;
+  --color-whiteAlpha-900: #FFFFFFE6;
+  --color-neutral-50: #fafafa;
+  --color-neutral-100: #ededed;
+  --color-neutral-200: #d6d6d6;
+  --color-neutral-300: #b9b9b9;
+  --color-neutral-400: #979797;
+  --color-neutral-500: #737373;
+  --color-neutral-600: #575757;
+  --color-neutral-700: #3c3c3c;
+  --color-neutral-800: #232323;
+  --color-neutral-900: #0d0d0d;
+  --color-red-50: #fff8f7;
+  --color-red-100: #ffe8e5;
+  --color-red-200: #ffccc4;
+  --color-red-300: #ffa598;
+  --color-red-400: #ff6c5c;
+  --color-red-500: #f44336;
+  --color-red-600: #c50003;
+  --color-red-700: #990001;
+  --color-red-800: #6f0000;
+  --color-red-900: #4b0000;
+  --color-green-50: #f0ffef;
+  --color-green-100: #caffc8;
+  --color-green-200: #a5f0a4;
+  --color-green-300: #82d982;
+  --color-green-400: #4caf50;
+  --color-green-500: #379c3d;
+  --color-green-600: #0a7e1c;
+  --color-green-700: #00610f;
+  --color-green-800: #004507;
+  --color-green-900: #002d01;
+  --color-amber-50: #fffaee;
+  --color-amber-100: #fff2d6;
+  --color-amber-200: #ffe3ab;
+  --color-amber-300: #ffd068;
+  --color-amber-400: #ffc107;
+  --color-amber-500: #e5a500;
+  --color-amber-600: #d29100;
+  --color-amber-700: #c08000;
+  --color-amber-800: #ae7000;
+  --color-amber-900: #9d6100;
+  --color-yellow-50: #fffcdc;
+  --color-yellow-100: #fff7b2;
+  --color-yellow-200: #ffeb3b;
+  --color-yellow-300: #f6df4b;
+  --color-yellow-400: #eecb00;
+  --color-yellow-500: #e2b900;
+  --color-yellow-600: #d5a800;
+  --color-yellow-700: #c89800;
+  --color-yellow-800: #bb8900;
+  --color-yellow-900: #af7b00;
+  --color-blue-50: #f6fbff;
+  --color-blue-100: #e2f0ff;
+  --color-blue-200: #bddeff;
+  --color-blue-300: #8cc6ff;
+  --color-blue-400: #44a7ff;
+  --color-blue-500: #2196f3;
+  --color-blue-600: #006bb5;
+  --color-blue-700: #00518d;
+  --color-blue-800: #003966;
+  --color-blue-900: #002445;
+  --color-purple-50: #fef8ff;
+  --color-purple-100: #fbe6ff;
+  --color-purple-200: #f7c6ff;
+  --color-purple-300: #f09bff;
+  --color-purple-400: #db6def;
+  --color-purple-500: #bc4ad0;
+  --color-purple-600: #9c27b0;
+  --color-purple-700: #7e0090;
+  --color-purple-800: #5b0069;
+  --color-purple-900: #3c0046;
+  --color-teal-50: #ecfffb;
+  --color-teal-100: #c0fdf2;
+  --color-teal-200: #99eddf;
+  --color-teal-300: #71d5c6;
+  --color-teal-400: #45b7a8;
+  --color-teal-500: #009688;
+  --color-teal-600: #00796d;
+  --color-teal-700: #005d53;
+  --color-teal-800: #00423b;
+  --color-teal-900: #002a25;
+  --color-cyan-50: #f1fdff;
+  --color-cyan-100: #cef7ff;
+  --color-cyan-200: #86ecff;
+  --color-cyan-300: #56d4ea;
+  --color-cyan-400: #00bcd4;
+  --color-cyan-500: #0095a8;
+  --color-cyan-600: #007585;
+  --color-cyan-700: #005a66;
+  --color-cyan-800: #004049;
+  --color-cyan-900: #002930;
+  --color-orange-50: #fff9f3;
+  --color-orange-100: #ffeddd;
+  --color-orange-200: #ffd8b4;
+  --color-orange-300: #ffbb7a;
+  --color-orange-400: #ff9800;
+  --color-orange-500: #dc7f00;
+  --color-orange-600: #bd6a00;
+  --color-orange-700: #a15700;
+  --color-orange-800: #854500;
+  --color-orange-900: #6c3500;
+  --color-pink-50: #fff8f9;
+  --color-pink-100: #ffe8ea;
+  --color-pink-200: #ffcad1;
+  --color-pink-300: #ffa1b0;
+  --color-pink-400: #ff6587;
+  --color-pink-500: #e91e63;
+  --color-pink-600: #c0004d;
+  --color-pink-700: #95003a;
+  --color-pink-800: #6d0027;
+  --color-pink-900: #490017;
+  --color-indigo-50: #f8faff;
+  --color-indigo-100: #e8eeff;
+  --color-indigo-200: #cdd9ff;
+  --color-indigo-300: #aabdff;
+  --color-indigo-400: #809aff;
+  --color-indigo-500: #637ae3;
+  --color-indigo-600: #3f51b5;
+  --color-indigo-700: #3342a4;
+  --color-indigo-800: #202885;
+  --color-indigo-900: #110e66;
+  --color-cobalt-50: #f8faff;
+  --color-cobalt-100: #e7eeff;
+  --color-cobalt-200: #c9daff;
+  --color-cobalt-300: #a3bfff;
+  --color-cobalt-400: #769dff;
+  --color-cobalt-500: #4b79fa;
+  --color-cobalt-600: #3259d8;
+  --color-cobalt-700: #1e3fbc;
+  --color-cobalt-800: #0c1f98;
+  --color-cobalt-900: #060076;
+  --color-brick-50: #fff8f7;
+  --color-brick-100: #ffe9e4;
+  --color-brick-200: #ffccc2;
+  --color-brick-300: #ffa594;
+  --color-brick-400: #ff6d55;
+  --color-brick-500: #e5462e;
+  --color-brick-600: #c01b00;
+  --color-brick-700: #950f00;
+  --color-brick-800: #6d0500;
+  --color-brick-900: #4a0000;
+  --color-cream-50: #fdfaf3;
+  --color-cream-100: #f1ece3;
+  --color-cream-200: #dcd5c8;
+  --color-cream-300: #b8b0a0;
+  --color-cream-400: #9f9587;
+  --color-cream-500: #7f7467;
+  --color-cream-600: #605449;
+  --color-cream-700: #46392f;
+  --color-cream-800: #2b2018;
+  --color-cream-900: #140b05;
+  --color-moss-50: #f3fdf6;
+  --color-moss-100: #e3f1e7;
+  --color-moss-200: #c9dbce;
+  --color-moss-300: #aabfb0;
+  --color-moss-400: #889d8d;
+  --color-moss-500: #677c6d;
+  --color-moss-600: #566b5c;
+  --color-moss-700: #2e4134;
+  --color-moss-800: #16281b;
+  --color-moss-900: #031107;
+  --color-clay-50: #fff8f6;
+  --color-clay-100: #ffe9e2;
+  --color-clay-200: #ffcdbc;
+  --color-clay-300: #ffa789;
+  --color-clay-400: #e8825f;
+  --color-clay-500: #c86240;
+  --color-clay-600: #b5512e;
+  --color-clay-700: #8a2900;
+  --color-clay-800: #651a00;
+  --color-clay-900: #440c00;
+
+  /* ── Space ── */
+  --space-0: 0rem;
+  --space-1: 0.0625rem;
+  --space-2: 0.125rem;
+  --space-4: 0.25rem;
+  --space-8: 0.5rem;
+  --space-12: 0.75rem;
+  --space-16: 1rem;
+  --space-20: 1.25rem;
+  --space-24: 1.5rem;
+  --space-28: 1.75rem;
+  --space-32: 2rem;
+  --space-40: 2.5rem;
+  --space-48: 3rem;
+  --space-56: 3.5rem;
+  --space-64: 4rem;
+  --space-80: 5rem;
+  --space-96: 6rem;
+
+  /* ── Radius ── */
+  --radius-square: 0rem;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-full: 9999px;
+
+  /* ── Motion ── */
+  --motion-fast: 100ms;
+  --motion-base: 150ms;
+  --motion-slow: 300ms;
+
+  /* ── Font size ── */
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+  --font-size-5xl: 3rem;
+  --font-size-6xl: 3.5rem;
+  --font-size-7xl: 4rem;
+  --font-size-8xl: 4.5rem;
+  --font-size-9xl: 5.5rem;
+
+  /* ── Font weight ── */
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* ── Line height ── */
+  --line-height-xs: 1.33;
+  --line-height-sm: 1.43;
+  --line-height-base: 1.5;
+  --line-height-lg: 1.56;
+  --line-height-xl: 1.6;
+  --line-height-2xl: 1.67;
+
+  /* ── Letter spacing ── */
+  --letter-spacing-tight: -0.5px;
+  --letter-spacing-normal: 0px;
+  --letter-spacing-wide: 0.5px;
+
+  /* ── Control scale ── */
+  --control-height-sm: 2rem;
+  --control-height-md: 2.5rem;
+  --control-height-lg: 3rem;
+  --control-padding-x-sm: 0.75rem;
+  --control-padding-x-md: 1rem;
+  --control-padding-x-lg: 1.25rem;
+  --control-padding-y-sm: 0.25rem;
+  --control-padding-y-md: 0.5rem;
+  --control-padding-y-lg: 0.75rem;
+  --control-gap-sm: 0.25rem;
+  --control-gap-md: 0.5rem;
+  --control-gap-lg: 0.5rem;
+
+  /* ── Misc ── */
+  --icon-size: 1.5rem;
+  --border-width-default: 1px;
+}