xfds 0.1.0

package/xf-design-system/tokens.css

@@ -0,0 +1,571 @@
+/* Generated from xf-design-system/import/tokens.json */
+
+html[data-theme="xfds"] {
+  --a1-black: #222430;
+  --a1-card: #f5f5f5;
+  --a1-error: #cc3d5e;
+  --a1-primary: #3380cc;
+  --a1-secondary: #ff4d76;
+  --a1-surface: #f7f8fa;
+  --a1-white: #ffffff;
+  --a1-accent-1: #fbf38b;
+  --a1-accent-2: #07ca96;
+  --a1-accent-2-24pct: #07ca963d;
+  --a1-black-10pct: #0000001a;
+  --a1-black-18pct: #0000002e;
+  --a1-black-24pct: #0000003d;
+  --a1-black-40pct: #00000066;
+  --a1-black-50pct: #00000080;
+  --a1-grey-10: #151617;
+  --a1-grey-20: #2c2c30;
+  --a1-grey-30: #41424a;
+  --a1-grey-40: #555763;
+  --a1-grey-60: #858894;
+  --a1-grey-70: #aeb0b8;
+  --a1-grey-80: #c3c4c9;
+  --a1-grey-90: #dedfe3;
+  --a1-grey-95: #f8f8fa;
+  --a1-primary-10: #181c21;
+  --a1-primary-16pct: #3380cc29;
+  --a1-primary-20: #1e2b38;
+  --a1-primary-30: #1b3856;
+  --a1-primary-50: #13497f;
+  --a1-primary-60: #246bb2;
+  --a1-primary-70: #3e74b2;
+  --a1-primary-90: #7ab1e8;
+  --a1-primary-95: #66adeb;
+  --a1-primary-grey: #c1d3e5;
+  --a1-primary-hover: #286090;
+  --a1-secondary-10pct: #ff4d761a;
+  --a1-secondary-20: #f5c3ce;
+  --a1-secondary-20pct: #ff4d7633;
+  --a1-secondary-80: #cc3d5f;
+  --a1-white-40pct: #ffffff66;
+  --a1-white-50pct: #ffffff80;
+  --a1-white-70pct: #ffffffb2;
+  --xfds-black: #0c0c0d;
+  --xfds-no-fill: #ffffff00;
+  --xfds-white: #ffffff;
+  --xfds-black-12pct: #0c0c0d1f;
+  --xfds-black-18pct: #0c0c0d2e;
+  --xfds-black-24pct: #0c0c0d3d;
+  --xfds-black-3pct: #0c0c0d08;
+  --xfds-black-40pct: #0c0c0d66;
+  --xfds-black-6pct: #0c0c0d0f;
+  --xfds-black-64pct: #0c0c0da3;
+  --xfds-black-88pct: #0c0c0de0;
+  --xfds-blue-100: #d1ebfc;
+  --xfds-blue-200: #a4d7fa;
+  --xfds-blue-300: #73c2f7;
+  --xfds-blue-400: #3ba9f4;
+  --xfds-blue-50: #f0f9fe;
+  --xfds-blue-500: #0692f1;
+  --xfds-blue-600: #0576c5;
+  --xfds-blue-700: #045a95;
+  --xfds-blue-800: #023d66;
+  --xfds-blue-900: #02253e;
+  --xfds-blue-950: #011728;
+  --xfds-green-100: #e3f6d3;
+  --xfds-green-200: #c8eea5;
+  --xfds-green-300: #a7e470;
+  --xfds-green-400: #8ada3e;
+  --xfds-green-50: #f8fdf3;
+  --xfds-green-500: #6dce10;
+  --xfds-green-600: #59a80d;
+  --xfds-green-700: #437f0a;
+  --xfds-green-800: #2f5907;
+  --xfds-green-900: #1d3604;
+  --xfds-green-950: #111f03;
+  --xfds-magenta-100: #fadef3;
+  --xfds-magenta-200: #f4bce7;
+  --xfds-magenta-300: #ee92d8;
+  --xfds-magenta-400: #e663c8;
+  --xfds-magenta-50: #fdeff9;
+  --xfds-magenta-500: #de41bb;
+  --xfds-magenta-600: #b9369b;
+  --xfds-magenta-700: #912a79;
+  --xfds-magenta-800: #5e1b50;
+  --xfds-magenta-900: #381131;
+  --xfds-magenta-950: #220a1d;
+  --xfds-mint-100: #d6f9e7;
+  --xfds-mint-200: #a9f1cc;
+  --xfds-mint-300: #74e9ac;
+  --xfds-mint-400: #3fe18c;
+  --xfds-mint-50: #effcf5;
+  --xfds-mint-500: #0ed96f;
+  --xfds-mint-600: #0baf5b;
+  --xfds-mint-700: #098847;
+  --xfds-mint-800: #065a2f;
+  --xfds-mint-900: #04381e;
+  --xfds-mint-950: #022011;
+  --xfds-neutral-100: #f5f5f5;
+  --xfds-neutral-150: #e7e7e7;
+  --xfds-neutral-200: #d9d9d9;
+  --xfds-neutral-250: #cccccc;
+  --xfds-neutral-300: #bababa;
+  --xfds-neutral-350: #a6a7a8;
+  --xfds-neutral-400: #979899;
+  --xfds-neutral-450: #7a7b7d;
+  --xfds-neutral-50: #fafafa;
+  --xfds-neutral-500: #68686b;
+  --xfds-neutral-550: #5b5c5e;
+  --xfds-neutral-600: #4f5052;
+  --xfds-neutral-650: #424345;
+  --xfds-neutral-700: #37383b;
+  --xfds-neutral-750: #2d2d30;
+  --xfds-neutral-800: #232326;
+  --xfds-neutral-850: #16171a;
+  --xfds-neutral-900: #111214;
+  --xfds-orange-100: #fce1d3;
+  --xfds-orange-200: #f9c3a5;
+  --xfds-orange-300: #f6a275;
+  --xfds-orange-400: #f38446;
+  --xfds-orange-50: #fef5f0;
+  --xfds-orange-500: #f06a1f;
+  --xfds-orange-600: #c25619;
+  --xfds-orange-700: #934113;
+  --xfds-orange-800: #662d0d;
+  --xfds-orange-900: #3e1b08;
+  --xfds-orange-950: #241005;
+  --xfds-purple-100: #f0dafa;
+  --xfds-purple-16pct: #b74ee629;
+  --xfds-purple-200: #e6c0f6;
+  --xfds-purple-300: #d698f1;
+  --xfds-purple-40pct: #b74ee666;
+  --xfds-purple-400: #c773ec;
+  --xfds-purple-50: #faf4fd;
+  --xfds-purple-500: #b74ee6;
+  --xfds-purple-600: #9640be;
+  --xfds-purple-700: #733193;
+  --xfds-purple-800: #4c2062;
+  --xfds-purple-88pct: #b74ee6e0;
+  --xfds-purple-900: #30143e;
+  --xfds-purple-950: #200d2a;
+  --xfds-red-100: #fcd8dc;
+  --xfds-red-200: #f9b0b9;
+  --xfds-red-300: #f58694;
+  --xfds-red-400: #f25e6f;
+  --xfds-red-50: #fef0f2;
+  --xfds-red-500: #e84659;
+  --xfds-red-600: #bb2f40;
+  --xfds-red-700: #8e2431;
+  --xfds-red-800: #631922;
+  --xfds-red-900: #3e1016;
+  --xfds-red-950: #24090d;
+  --xfds-white-12pct: #ffffff1f;
+  --xfds-white-18pct: #ffffff2e;
+  --xfds-white-24pct: #ffffff3d;
+  --xfds-white-3pct: #ffffff08;
+  --xfds-white-40pct: #ffffff66;
+  --xfds-white-6pct: #ffffff0f;
+  --xfds-white-64pct: #ffffffa3;
+  --xfds-white-88pct: #ffffffe0;
+  --xfds-yellow-100: #f9f3cf;
+  --xfds-yellow-200: #f3e69e;
+  --xfds-yellow-300: #eedb6d;
+  --xfds-yellow-400: #e8ce3c;
+  --xfds-yellow-50: #fdfbef;
+  --xfds-yellow-500: #e0c10f;
+  --xfds-yellow-600: #b49a0c;
+  --xfds-yellow-700: #897609;
+  --xfds-yellow-800: #5e5106;
+  --xfds-yellow-900: #3b3204;
+  --xfds-yellow-950: #1c1802;
+  --radius-card: 0rem;
+  --radius-input-area: 0.75rem;
+  --radius-popover: 1rem;
+  --radius-input-sm: 1.5rem;
+  --radius-input-md: 624.9375rem;
+  --font-mono: Geist Mono;
+  --font-sans: Inter;
+  --font-serif: Bitter;
+}
+
+html[data-theme="xfds"] body[data-theme="light-mode"] {
+  --accent: var(--xfds-purple-100);
+  --accent-bg-50: var(--xfds-purple-40pct);
+  --accent-foreground: var(--xfds-neutral-900);
+  --background: var(--xfds-neutral-100);
+  --border: var(--xfds-neutral-250);
+  --card: var(--xfds-white);
+  --card-foreground: var(--xfds-neutral-900);
+  --destructive: var(--xfds-red-500);
+  --destructive-bg-10: var(--xfds-red-100);
+  --destructive-border-50: var(--xfds-red-500);
+  --destructive-foreground: var(--xfds-white);
+  --destructive-hover: var(--xfds-red-600);
+  --destructive-hover-20: var(--xfds-red-200);
+  --foreground: var(--xfds-neutral-900);
+  --input: var(--xfds-white);
+  --input-border: var(--xfds-neutral-250);
+  --muted: var(--xfds-neutral-150);
+  --muted-bg-40: var(--xfds-neutral-200);
+  --muted-bg-50: var(--xfds-neutral-150);
+  --muted-border-40: var(--xfds-white-40pct);
+  --muted-foreground: var(--xfds-neutral-500);
+  --overlay: var(--xfds-black-18pct);
+  --popover: var(--xfds-white);
+  --popover-foreground: var(--xfds-neutral-900);
+  --primary: var(--xfds-neutral-900);
+  --primary-foreground: var(--xfds-white);
+  --primary-hover: var(--xfds-black-64pct);
+  --ring: var(--xfds-purple-88pct);
+  --ring-destructive: var(--destructive);
+  --ring-primary: var(--ring);
+  --secondary: var(--xfds-neutral-150);
+  --secondary-foreground: var(--xfds-neutral-900);
+  --secondary-hover: var(--xfds-black-24pct);
+  --success: var(--xfds-mint-500);
+  --success-hover: var(--xfds-mint-700);
+  --chart-1: var(--xfds-mint-500);
+  --chart-2: var(--xfds-blue-500);
+  --chart-3: var(--xfds-purple-500);
+  --chart-4: var(--xfds-yellow-500);
+  --chart-5: var(--xfds-magenta-400);
+  --sidebar-accent: var(--xfds-neutral-150);
+  --sidebar-accent-foreground: var(--accent-foreground);
+  --sidebar-background: var(--xfds-neutral-100);
+  --sidebar-border: var(--xfds-neutral-200);
+  --sidebar-foreground: var(--xfds-neutral-650);
+  --sidebar-muted-foreground: var(--xfds-neutral-400);
+  --sidebar-primary: var(--xfds-neutral-900);
+  --sidebar-primary-foreground: var(--xfds-neutral-50);
+  --sidebar-ring: var(--ring);
+}
+
+html[data-theme="xfds"] body[data-theme="dark-mode"] {
+  --accent: var(--xfds-purple-16pct);
+  --accent-bg-50: var(--xfds-purple-40pct);
+  --accent-foreground: var(--xfds-white);
+  --background: var(--xfds-neutral-900);
+  --border: var(--xfds-neutral-700);
+  --card: var(--xfds-neutral-850);
+  --card-foreground: var(--xfds-neutral-50);
+  --destructive: var(--xfds-red-400);
+  --destructive-bg-10: var(--xfds-red-800);
+  --destructive-border-50: var(--xfds-red-400);
+  --destructive-foreground: var(--xfds-white);
+  --destructive-hover: var(--xfds-red-700);
+  --destructive-hover-20: var(--xfds-red-900);
+  --foreground: var(--xfds-neutral-50);
+  --input: var(--xfds-neutral-800);
+  --input-border: var(--xfds-neutral-650);
+  --muted: var(--xfds-neutral-800);
+  --muted-bg-40: var(--xfds-neutral-700);
+  --muted-bg-50: var(--xfds-neutral-750);
+  --muted-border-40: var(--xfds-black-40pct);
+  --muted-foreground: var(--xfds-neutral-350);
+  --overlay: var(--xfds-black-24pct);
+  --popover: var(--xfds-neutral-750);
+  --popover-foreground: var(--xfds-neutral-50);
+  --primary: var(--xfds-neutral-100);
+  --primary-foreground: var(--xfds-neutral-900);
+  --primary-hover: var(--xfds-neutral-150);
+  --ring: var(--xfds-purple-88pct);
+  --ring-destructive: var(--destructive);
+  --ring-primary: var(--ring);
+  --secondary: var(--xfds-neutral-600);
+  --secondary-foreground: var(--xfds-white);
+  --secondary-hover: var(--xfds-neutral-550);
+  --success: var(--xfds-mint-400);
+  --success-hover: var(--xfds-mint-600);
+  --chart-1: var(--xfds-mint-400);
+  --chart-2: var(--xfds-blue-400);
+  --chart-3: var(--xfds-purple-400);
+  --chart-4: var(--xfds-yellow-400);
+  --chart-5: var(--xfds-magenta-600);
+  --sidebar-accent: var(--xfds-neutral-750);
+  --sidebar-accent-foreground: var(--accent-foreground);
+  --sidebar-background: var(--xfds-neutral-850);
+  --sidebar-border: var(--xfds-neutral-750);
+  --sidebar-foreground: var(--xfds-neutral-150);
+  --sidebar-muted-foreground: var(--xfds-neutral-400);
+  --sidebar-primary: var(--xfds-neutral-50);
+  --sidebar-primary-foreground: var(--xfds-neutral-900);
+  --sidebar-ring: var(--ring);
+}
+
+html[data-theme="admit-one"] {
+  --a1-black: #222430;
+  --a1-card: #f5f5f5;
+  --a1-error: #cc3d5e;
+  --a1-primary: #3380cc;
+  --a1-secondary: #ff4d76;
+  --a1-surface: #f7f8fa;
+  --a1-white: #ffffff;
+  --a1-accent-1: #fbf38b;
+  --a1-accent-2: #07ca96;
+  --a1-accent-2-24pct: #07ca963d;
+  --a1-black-10pct: #0000001a;
+  --a1-black-18pct: #0000002e;
+  --a1-black-24pct: #0000003d;
+  --a1-black-40pct: #00000066;
+  --a1-black-50pct: #00000080;
+  --a1-grey-10: #151617;
+  --a1-grey-20: #2c2c30;
+  --a1-grey-30: #41424a;
+  --a1-grey-40: #555763;
+  --a1-grey-60: #858894;
+  --a1-grey-70: #aeb0b8;
+  --a1-grey-80: #c3c4c9;
+  --a1-grey-90: #dedfe3;
+  --a1-grey-95: #f8f8fa;
+  --a1-primary-10: #181c21;
+  --a1-primary-16pct: #3380cc29;
+  --a1-primary-20: #1e2b38;
+  --a1-primary-30: #1b3856;
+  --a1-primary-50: #13497f;
+  --a1-primary-60: #246bb2;
+  --a1-primary-70: #3e74b2;
+  --a1-primary-90: #7ab1e8;
+  --a1-primary-95: #66adeb;
+  --a1-primary-grey: #c1d3e5;
+  --a1-primary-hover: #286090;
+  --a1-secondary-10pct: #ff4d761a;
+  --a1-secondary-20: #f5c3ce;
+  --a1-secondary-20pct: #ff4d7633;
+  --a1-secondary-80: #cc3d5f;
+  --a1-white-40pct: #ffffff66;
+  --a1-white-50pct: #ffffff80;
+  --a1-white-70pct: #ffffffb2;
+  --xfds-black: #0c0c0d;
+  --xfds-no-fill: #ffffff00;
+  --xfds-white: #ffffff;
+  --xfds-black-12pct: #0c0c0d1f;
+  --xfds-black-18pct: #0c0c0d2e;
+  --xfds-black-24pct: #0c0c0d3d;
+  --xfds-black-3pct: #0c0c0d08;
+  --xfds-black-40pct: #0c0c0d66;
+  --xfds-black-6pct: #0c0c0d0f;
+  --xfds-black-64pct: #0c0c0da3;
+  --xfds-black-88pct: #0c0c0de0;
+  --xfds-blue-100: #d1ebfc;
+  --xfds-blue-200: #a4d7fa;
+  --xfds-blue-300: #73c2f7;
+  --xfds-blue-400: #3ba9f4;
+  --xfds-blue-50: #f0f9fe;
+  --xfds-blue-500: #0692f1;
+  --xfds-blue-600: #0576c5;
+  --xfds-blue-700: #045a95;
+  --xfds-blue-800: #023d66;
+  --xfds-blue-900: #02253e;
+  --xfds-blue-950: #011728;
+  --xfds-green-100: #e3f6d3;
+  --xfds-green-200: #c8eea5;
+  --xfds-green-300: #a7e470;
+  --xfds-green-400: #8ada3e;
+  --xfds-green-50: #f8fdf3;
+  --xfds-green-500: #6dce10;
+  --xfds-green-600: #59a80d;
+  --xfds-green-700: #437f0a;
+  --xfds-green-800: #2f5907;
+  --xfds-green-900: #1d3604;
+  --xfds-green-950: #111f03;
+  --xfds-magenta-100: #fadef3;
+  --xfds-magenta-200: #f4bce7;
+  --xfds-magenta-300: #ee92d8;
+  --xfds-magenta-400: #e663c8;
+  --xfds-magenta-50: #fdeff9;
+  --xfds-magenta-500: #de41bb;
+  --xfds-magenta-600: #b9369b;
+  --xfds-magenta-700: #912a79;
+  --xfds-magenta-800: #5e1b50;
+  --xfds-magenta-900: #381131;
+  --xfds-magenta-950: #220a1d;
+  --xfds-mint-100: #d6f9e7;
+  --xfds-mint-200: #a9f1cc;
+  --xfds-mint-300: #74e9ac;
+  --xfds-mint-400: #3fe18c;
+  --xfds-mint-50: #effcf5;
+  --xfds-mint-500: #0ed96f;
+  --xfds-mint-600: #0baf5b;
+  --xfds-mint-700: #098847;
+  --xfds-mint-800: #065a2f;
+  --xfds-mint-900: #04381e;
+  --xfds-mint-950: #022011;
+  --xfds-neutral-100: #f5f5f5;
+  --xfds-neutral-150: #e7e7e7;
+  --xfds-neutral-200: #d9d9d9;
+  --xfds-neutral-250: #cccccc;
+  --xfds-neutral-300: #bababa;
+  --xfds-neutral-350: #a6a7a8;
+  --xfds-neutral-400: #979899;
+  --xfds-neutral-450: #7a7b7d;
+  --xfds-neutral-50: #fafafa;
+  --xfds-neutral-500: #68686b;
+  --xfds-neutral-550: #5b5c5e;
+  --xfds-neutral-600: #4f5052;
+  --xfds-neutral-650: #424345;
+  --xfds-neutral-700: #37383b;
+  --xfds-neutral-750: #2d2d30;
+  --xfds-neutral-800: #232326;
+  --xfds-neutral-850: #16171a;
+  --xfds-neutral-900: #111214;
+  --xfds-orange-100: #fce1d3;
+  --xfds-orange-200: #f9c3a5;
+  --xfds-orange-300: #f6a275;
+  --xfds-orange-400: #f38446;
+  --xfds-orange-50: #fef5f0;
+  --xfds-orange-500: #f06a1f;
+  --xfds-orange-600: #c25619;
+  --xfds-orange-700: #934113;
+  --xfds-orange-800: #662d0d;
+  --xfds-orange-900: #3e1b08;
+  --xfds-orange-950: #241005;
+  --xfds-purple-100: #f0dafa;
+  --xfds-purple-16pct: #b74ee629;
+  --xfds-purple-200: #e6c0f6;
+  --xfds-purple-300: #d698f1;
+  --xfds-purple-40pct: #b74ee666;
+  --xfds-purple-400: #c773ec;
+  --xfds-purple-50: #faf4fd;
+  --xfds-purple-500: #b74ee6;
+  --xfds-purple-600: #9640be;
+  --xfds-purple-700: #733193;
+  --xfds-purple-800: #4c2062;
+  --xfds-purple-88pct: #b74ee6e0;
+  --xfds-purple-900: #30143e;
+  --xfds-purple-950: #200d2a;
+  --xfds-red-100: #fcd8dc;
+  --xfds-red-200: #f9b0b9;
+  --xfds-red-300: #f58694;
+  --xfds-red-400: #f25e6f;
+  --xfds-red-50: #fef0f2;
+  --xfds-red-500: #e84659;
+  --xfds-red-600: #bb2f40;
+  --xfds-red-700: #8e2431;
+  --xfds-red-800: #631922;
+  --xfds-red-900: #3e1016;
+  --xfds-red-950: #24090d;
+  --xfds-white-12pct: #ffffff1f;
+  --xfds-white-18pct: #ffffff2e;
+  --xfds-white-24pct: #ffffff3d;
+  --xfds-white-3pct: #ffffff08;
+  --xfds-white-40pct: #ffffff66;
+  --xfds-white-6pct: #ffffff0f;
+  --xfds-white-64pct: #ffffffa3;
+  --xfds-white-88pct: #ffffffe0;
+  --xfds-yellow-100: #f9f3cf;
+  --xfds-yellow-200: #f3e69e;
+  --xfds-yellow-300: #eedb6d;
+  --xfds-yellow-400: #e8ce3c;
+  --xfds-yellow-50: #fdfbef;
+  --xfds-yellow-500: #e0c10f;
+  --xfds-yellow-600: #b49a0c;
+  --xfds-yellow-700: #897609;
+  --xfds-yellow-800: #5e5106;
+  --xfds-yellow-900: #3b3204;
+  --xfds-yellow-950: #1c1802;
+  --radius-input-sm: 0.25rem;
+  --radius-input-area: 0.375rem;
+  --radius-input-md: 0.375rem;
+  --radius-popover: 0.375rem;
+  --radius-card: 0.5rem;
+  --font-mono: Geist Mono;
+  --font-sans: Helvetica Neue;
+  --font-serif: Bitter;
+}
+
+html[data-theme="admit-one"] body[data-theme="light-mode"] {
+  --accent: var(--a1-secondary);
+  --accent-bg-50: var(--a1-white-50pct);
+  --accent-foreground: var(--a1-white);
+  --background: var(--a1-white);
+  --border: var(--a1-grey-90);
+  --card: var(--a1-card);
+  --card-foreground: var(--a1-black);
+  --destructive: var(--a1-secondary);
+  --destructive-bg-10: var(--a1-secondary-10pct);
+  --destructive-border-50: var(--a1-secondary-20);
+  --destructive-foreground: var(--a1-white);
+  --destructive-hover: var(--a1-secondary-80);
+  --destructive-hover-20: var(--a1-secondary-20pct);
+  --foreground: var(--a1-black);
+  --input: var(--background);
+  --input-border: var(--a1-grey-80);
+  --muted: var(--a1-card);
+  --muted-bg-40: var(--a1-white-40pct);
+  --muted-bg-50: var(--a1-white-50pct);
+  --muted-border-40: var(--a1-white-40pct);
+  --muted-foreground: var(--a1-grey-60);
+  --overlay: var(--a1-black-18pct);
+  --popover: var(--a1-white);
+  --popover-foreground: var(--a1-black);
+  --primary: var(--a1-primary);
+  --primary-foreground: var(--a1-white);
+  --primary-hover: var(--a1-primary-hover);
+  --ring: var(--a1-primary);
+  --ring-destructive: var(--destructive);
+  --ring-primary: var(--a1-primary);
+  --secondary: var(--a1-grey-90);
+  --secondary-foreground: var(--a1-primary-50);
+  --secondary-hover: var(--a1-grey-80);
+  --success: var(--a1-accent-2);
+  --success-hover: var(--a1-accent-2-24pct);
+  --chart-1: var(--a1-accent-2);
+  --chart-2: var(--a1-accent-1);
+  --chart-3: var(--a1-primary);
+  --chart-4: var(--a1-secondary);
+  --chart-5: var(--a1-grey-60);
+  --sidebar-accent: var(--a1-primary-60);
+  --sidebar-accent-foreground: var(--a1-white);
+  --sidebar-background: var(--a1-primary);
+  --sidebar-border: var(--a1-primary-90);
+  --sidebar-foreground: var(--a1-white);
+  --sidebar-muted-foreground: var(--a1-white-70pct);
+  --sidebar-primary: var(--a1-white);
+  --sidebar-primary-foreground: var(--a1-primary);
+  --sidebar-ring: var(--a1-primary-90);
+}
+
+html[data-theme="admit-one"] body[data-theme="dark-mode"] {
+  --accent: var(--a1-secondary-80);
+  --accent-bg-50: var(--a1-black-50pct);
+  --accent-foreground: var(--a1-white);
+  --background: var(--a1-primary-10);
+  --border: var(--a1-primary-50);
+  --card: var(--a1-primary-20);
+  --card-foreground: var(--a1-grey-95);
+  --destructive: var(--a1-secondary-80);
+  --destructive-bg-10: var(--a1-secondary-10pct);
+  --destructive-border-50: var(--a1-secondary-80);
+  --destructive-foreground: var(--a1-white);
+  --destructive-hover: var(--a1-secondary);
+  --destructive-hover-20: var(--a1-secondary-20pct);
+  --foreground: var(--a1-grey-95);
+  --input: var(--a1-primary-20);
+  --input-border: var(--a1-primary-60);
+  --muted: var(--a1-primary-20);
+  --muted-bg-40: var(--a1-black-40pct);
+  --muted-bg-50: var(--a1-black-50pct);
+  --muted-border-40: var(--a1-black-40pct);
+  --muted-foreground: var(--a1-primary-grey);
+  --overlay: var(--a1-black-24pct);
+  --popover: var(--a1-primary-20);
+  --popover-foreground: var(--a1-grey-95);
+  --primary: var(--a1-primary);
+  --primary-foreground: var(--a1-white);
+  --primary-hover: var(--a1-primary-50);
+  --ring: var(--a1-primary);
+  --ring-destructive: var(--destructive);
+  --ring-primary: var(--primary);
+  --secondary: var(--a1-primary-50);
+  --secondary-foreground: var(--a1-white);
+  --secondary-hover: var(--a1-primary-30);
+  --success: var(--a1-accent-2);
+  --success-hover: var(--a1-accent-2-24pct);
+  --chart-1: var(--a1-accent-2);
+  --chart-2: var(--a1-accent-1);
+  --chart-3: var(--primary);
+  --chart-4: var(--a1-secondary);
+  --chart-5: var(--a1-grey-60);
+  --sidebar-accent: var(--a1-primary-70);
+  --sidebar-accent-foreground: var(--a1-white);
+  --sidebar-background: var(--a1-primary-20);
+  --sidebar-border: var(--a1-primary-50);
+  --sidebar-foreground: var(--a1-white);
+  --sidebar-muted-foreground: var(--a1-primary-grey);
+  --sidebar-primary: var(--a1-primary-90);
+  --sidebar-primary-foreground: var(--a1-primary-20);
+  --sidebar-ring: var(--a1-grey-80);
+}