initial commitHEADprimary

8 files changed, 728 insertions, 0 deletions

diff --git a/definitions/script/color.json b/definitions/script/color.json
new file mode 100644
index 0000000..3d724b7
--- /dev/null
+++ b/definitions/script/color.json
@@ -0,0 +1,49 @@
+{
+  "blue": {
+    "base": "oklch(62.39% 0.181 258.33)",
+    "dark": "oklch(43.48% 0.17 260.2)",
+    "light": "oklch(89.66% 0.046 260.67)"
+  },
+  "general": {
+    "yang": "oklch(99.4% 0 0)",
+    "yin": "oklch(14.38% 0.007 256.88)"
+  },
+  "gray": {
+    "base": "oklch(84.68% 0.002 197.12)",
+    "dark": "oklch(63.12% 0.004 219.55)",
+    "light": "oklch(95.57% 0.003 286.35)"
+  },
+  "green": {
+    "base": "oklch(79.33% 0.179 145.62)",
+    "dark": "oklch(58.83% 0.158 145.05)",
+    "light": "oklch(93.96% 0.05 148.74)"
+  },
+  "pink": {
+    "base": "oklch(85.43% 0.09 354.1)",
+    "dark": "oklch(64.11% 0.084 353.91)",
+    "light": "oklch(95.8% 0.023 354.27)"
+  },
+  "purple": {
+    "base": "oklch(58.47% 0.181 302.06)",
+    "dark": "oklch(39.46% 0.164 298.29)",
+    "light": "oklch(89.1% 0.046 305.24)"
+  },
+  "orange": {
+    "base": "oklch(78.75% 0.14163582809066333 54.32911089172009)",
+    "dark": "oklch(58.28% 0.128 52.2)",
+    "light": "oklch(93.83% 0.037 56.93)"
+  },
+  "red": {
+    "base": "oklch(62.73% 0.209 12.37)",
+    "dark": "oklch(45.8% 0.177 17.7)",
+    "light": "oklch(88.98% 0.052 3.28)"
+  },
+  "yellow": {
+    "base": "oklch(90.92% 0.125 92.56)",
+    "dark": "oklch(69.14% 0.109 91.04)",
+    "light": "oklch(97.05% 0.039 91.2)"
+  },
+  "yin": {
+    "light": "oklch(91.87% 0.003 264.54)"
+  }
+}
diff --git a/definitions/script/color.ts b/definitions/script/color.ts
new file mode 100644
index 0000000..940eabc
--- /dev/null
+++ b/definitions/script/color.ts
@@ -0,0 +1,49 @@
+export default {
+  blue: {
+    base: "oklch(62.39% 0.181 258.33)",
+    dark: "oklch(43.48% 0.17 260.2)",
+    light: "oklch(89.66% 0.046 260.67)"
+  },
+  general: {
+    yang: "oklch(99.4% 0 0)",
+    yin: "oklch(14.38% 0.007 256.88)"
+  },
+  gray: {
+    base: "oklch(84.68% 0.002 197.12)",
+    dark: "oklch(63.12% 0.004 219.55)",
+    light: "oklch(95.57% 0.003 286.35)"
+  },
+  green: {
+    base: "oklch(79.33% 0.179 145.62)",
+    dark: "oklch(58.83% 0.158 145.05)",
+    light: "oklch(93.96% 0.05 148.74)"
+  },
+  pink: {
+    base: "oklch(85.43% 0.09 354.1)",
+    dark: "oklch(64.11% 0.084 353.91)",
+    light: "oklch(95.8% 0.023 354.27)"
+  },
+  purple: {
+    base: "oklch(58.47% 0.181 302.06)",
+    dark: "oklch(39.46% 0.164 298.29)",
+    light: "oklch(89.1% 0.046 305.24)"
+  },
+  orange: {
+    base: "oklch(78.75% 0.14163582809066333 54.32911089172009)",
+    dark: "oklch(58.28% 0.128 52.2)",
+    light: "oklch(93.83% 0.037 56.93)"
+  },
+  red: {
+    base: "oklch(62.73% 0.209 12.37)",
+    dark: "oklch(45.8% 0.177 17.7)",
+    light: "oklch(88.98% 0.052 3.28)"
+  },
+  yellow: {
+    base: "oklch(90.92% 0.125 92.56)",
+    dark: "oklch(69.14% 0.109 91.04)",
+    light: "oklch(97.05% 0.039 91.2)"
+  },
+  yin: {
+    light: "oklch(91.87% 0.003 264.54)"
+  }
+}
diff --git a/definitions/script/color_expanded.json b/definitions/script/color_expanded.json
new file mode 100644
index 0000000..3cfe980
--- /dev/null
+++ b/definitions/script/color_expanded.json
@@ -0,0 +1,105 @@
+{
+  "blue": {
+    "1": "oklch(89.66% 0.046 260.67)",
+    "2": "oklch(80.17% 0.091 258.88)",
+    "3": "oklch(70.94% 0.136 258.06)",
+    "4": "oklch(62.39% 0.181 258.33)",
+    "5": "oklch(54.87% 0.222 260.33)",
+    "6": "oklch(51.15% 0.204 260.17)",
+    "7": "oklch(47.36% 0.185 259.89)",
+    "8": "oklch(43.48% 0.17 260.2)",
+    "9": "oklch(39.53% 0.15 259.87)"
+  },
+  "general": {
+    "yang": "oklch(99.4% 0 0)",
+    "yin": "oklch(14.38% 0.007 256.88)"
+  },
+  "gray": {
+    "1": "oklch(95.57% 0.003 286.35)",
+    "2": "oklch(92.04% 0.002 197.12)",
+    "3": "oklch(88.28% 0.003 286.34)",
+    "4": "oklch(84.68% 0.002 197.12)",
+    "5": "oklch(80.73% 0.002 247.84)",
+    "6": "oklch(75.03% 0.002 247.85)",
+    "7": "oklch(69.01% 0.003 286.32)",
+    "8": "oklch(63.12% 0.004 219.55)",
+    "9": "oklch(56.82% 0.004 247.89)"
+  },
+  "green": {
+    "1": "oklch(93.96% 0.05 148.74)",
+    "2": "oklch(88.77% 0.096 147.71)",
+    "3": "oklch(83.74% 0.139 146.57)",
+    "4": "oklch(79.33% 0.179 145.62)",
+    "5": "oklch(75.23% 0.209 144.64)",
+    "6": "oklch(70.03% 0.194 144.71)",
+    "7": "oklch(64.24% 0.175 144.92)",
+    "8": "oklch(58.83% 0.158 145.05)",
+    "9": "oklch(52.77% 0.138 145.41)"
+  },
+  "pink": {
+    "1": "oklch(95.8% 0.023 354.27)",
+    "2": "oklch(92.14% 0.046 352.31)",
+    "3": "oklch(88.9% 0.066 354.39)",
+    "4": "oklch(85.43% 0.09 354.1)",
+    "5": "oklch(82.23% 0.112 355.33)",
+    "6": "oklch(76.37% 0.101 355.37)",
+    "7": "oklch(70.23% 0.092 354.96)",
+    "8": "oklch(64.11% 0.084 353.91)",
+    "9": "oklch(57.68% 0.074 353.14)"
+  },
+  "purple": {
+    "1": "oklch(89.1% 0.046 305.24)",
+    "2": "oklch(78.68% 0.091 305)",
+    "3": "oklch(68.5% 0.136 303.78)",
+    "4": "oklch(58.47% 0.181 302.06)",
+    "5": "oklch(49.39% 0.215 298.31)",
+    "6": "oklch(46.11% 0.198 298.4)",
+    "7": "oklch(42.77% 0.181 298.49)",
+    "8": "oklch(39.46% 0.164 298.29)",
+    "9": "oklch(36.01% 0.145 298.35)"
+  },
+  "orange": {
+    "1": "oklch(93.83% 0.037 56.93)",
+    "2": "oklch(88.37% 0.07258208750520016 55.80328658240742)",
+    "3": "oklch(83.56% 0.10753627570574478 56.492594564236946)",
+    "4": "oklch(78.75% 0.14163582809066333 54.32911089172009)",
+    "5": "oklch(74.61% 0.171 51.56)",
+    "6": "oklch(69.33% 0.157 52.18)",
+    "7": "oklch(63.8% 0.142 52.1)",
+    "8": "oklch(58.28% 0.128 52.2)",
+    "9": "oklch(52.49% 0.113 51.98)"
+  },
+  "red": {
+    "1": "oklch(88.98% 0.052 3.28)",
+    "2": "oklch(78.78% 0.109 4.54)",
+    "3": "oklch(69.86% 0.162 7.82)",
+    "4": "oklch(62.73% 0.209 12.37)",
+    "5": "oklch(58.63% 0.231 19.6)",
+    "6": "oklch(54.41% 0.214 19.06)",
+    "7": "oklch(49.95% 0.195 18.34)",
+    "8": "oklch(45.8% 0.177 17.7)",
+    "9": "oklch(41.17% 0.157 16.58)"
+  },
+  "yellow": {
+    "1": "oklch(97.05% 0.039 91.2)",
+    "2": "oklch(95% 0.07 92.39)",
+    "3": "oklch(92.76% 0.098 92.58)",
+    "4": "oklch(90.92% 0.125 92.56)",
+    "5": "oklch(89% 0.146 91.5)",
+    "6": "oklch(82.39% 0.133 91.5)",
+    "7": "oklch(75.84% 0.122 92.21)",
+    "8": "oklch(69.14% 0.109 91.04)",
+    "9": "oklch(62.29% 0.097 91.9)"
+  },
+  "yin": {
+    "1": "oklch(91.87% 0.003 264.54)",
+    "2": "oklch(84.61% 0.004 286.31)",
+    "3": "oklch(76.89% 0.004 247.87)",
+    "4": "oklch(69.17% 0.004 247.88)",
+    "5": "oklch(61.01% 0.005 271.34)",
+    "6": "oklch(52.79% 0.005 271.32)",
+    "7": "oklch(43.87% 0.005 271.3)",
+    "8": "oklch(35.02% 0.005 236.66)",
+    "9": "oklch(25.11% 0.006 258.36)"
+  }
+}
diff --git a/definitions/script/color_expanded.ts b/definitions/script/color_expanded.ts
new file mode 100644
index 0000000..4e8a61d
--- /dev/null
+++ b/definitions/script/color_expanded.ts
@@ -0,0 +1,105 @@
+export default {
+  blue: {
+    1: "oklch(89.66% 0.046 260.67)",
+    2: "oklch(80.17% 0.091 258.88)",
+    3: "oklch(70.94% 0.136 258.06)",
+    4: "oklch(62.39% 0.181 258.33)",
+    5: "oklch(54.87% 0.222 260.33)",
+    6: "oklch(51.15% 0.204 260.17)",
+    7: "oklch(47.36% 0.185 259.89)",
+    8: "oklch(43.48% 0.17 260.2)",
+    9: "oklch(39.53% 0.15 259.87)"
+  },
+  general: {
+    yang: "oklch(99.4% 0 0)",
+    yin: "oklch(14.38% 0.007 256.88)"
+  },
+  gray: {
+    1: "oklch(95.57% 0.003 286.35)",
+    2: "oklch(92.04% 0.002 197.12)",
+    3: "oklch(88.28% 0.003 286.34)",
+    4: "oklch(84.68% 0.002 197.12)",
+    5: "oklch(80.73% 0.002 247.84)",
+    6: "oklch(75.03% 0.002 247.85)",
+    7: "oklch(69.01% 0.003 286.32)",
+    8: "oklch(63.12% 0.004 219.55)",
+    9: "oklch(56.82% 0.004 247.89)"
+  },
+  green: {
+    1: "oklch(93.96% 0.05 148.74)",
+    2: "oklch(88.77% 0.096 147.71)",
+    3: "oklch(83.74% 0.139 146.57)",
+    4: "oklch(79.33% 0.179 145.62)",
+    5: "oklch(75.23% 0.209 144.64)",
+    6: "oklch(70.03% 0.194 144.71)",
+    7: "oklch(64.24% 0.175 144.92)",
+    8: "oklch(58.83% 0.158 145.05)",
+    9: "oklch(52.77% 0.138 145.41)"
+  },
+  pink: {
+    1: "oklch(95.8% 0.023 354.27)",
+    2: "oklch(92.14% 0.046 352.31)",
+    3: "oklch(88.9% 0.066 354.39)",
+    4: "oklch(85.43% 0.09 354.1)",
+    5: "oklch(82.23% 0.112 355.33)",
+    6: "oklch(76.37% 0.101 355.37)",
+    7: "oklch(70.23% 0.092 354.96)",
+    8: "oklch(64.11% 0.084 353.91)",
+    9: "oklch(57.68% 0.074 353.14)"
+  },
+  purple: {
+    1: "oklch(89.1% 0.046 305.24)",
+    2: "oklch(78.68% 0.091 305)",
+    3: "oklch(68.5% 0.136 303.78)",
+    4: "oklch(58.47% 0.181 302.06)",
+    5: "oklch(49.39% 0.215 298.31)",
+    6: "oklch(46.11% 0.198 298.4)",
+    7: "oklch(42.77% 0.181 298.49)",
+    8: "oklch(39.46% 0.164 298.29)",
+    9: "oklch(36.01% 0.145 298.35)"
+  },
+  orange: {
+    1: "oklch(93.83% 0.037 56.93)",
+    2: "oklch(88.37% 0.07258208750520016 55.80328658240742)",
+    3: "oklch(83.56% 0.10753627570574478 56.492594564236946)",
+    4: "oklch(78.75% 0.14163582809066333 54.32911089172009)",
+    5: "oklch(74.61% 0.171 51.56)",
+    6: "oklch(69.33% 0.157 52.18)",
+    7: "oklch(63.8% 0.142 52.1)",
+    8: "oklch(58.28% 0.128 52.2)",
+    9: "oklch(52.49% 0.113 51.98)"
+  },
+  red: {
+    1: "oklch(88.98% 0.052 3.28)",
+    2: "oklch(78.78% 0.109 4.54)",
+    3: "oklch(69.86% 0.162 7.82)",
+    4: "oklch(62.73% 0.209 12.37)",
+    5: "oklch(58.63% 0.231 19.6)",
+    6: "oklch(54.41% 0.214 19.06)",
+    7: "oklch(49.95% 0.195 18.34)",
+    8: "oklch(45.8% 0.177 17.7)",
+    9: "oklch(41.17% 0.157 16.58)"
+  },
+  yellow: {
+    1: "oklch(97.05% 0.039 91.2)",
+    2: "oklch(95% 0.07 92.39)",
+    3: "oklch(92.76% 0.098 92.58)",
+    4: "oklch(90.92% 0.125 92.56)",
+    5: "oklch(89% 0.146 91.5)",
+    6: "oklch(82.39% 0.133 91.5)",
+    7: "oklch(75.84% 0.122 92.21)",
+    8: "oklch(69.14% 0.109 91.04)",
+    9: "oklch(62.29% 0.097 91.9)"
+  },
+  yin: {
+    1: "oklch(91.87% 0.003 264.54)",
+    2: "oklch(84.61% 0.004 286.31)",
+    3: "oklch(76.89% 0.004 247.87)",
+    4: "oklch(69.17% 0.004 247.88)",
+    5: "oklch(61.01% 0.005 271.34)",
+    6: "oklch(52.79% 0.005 271.32)",
+    7: "oklch(43.87% 0.005 271.3)",
+    8: "oklch(35.02% 0.005 236.66)",
+    9: "oklch(25.11% 0.006 258.36)"
+  }
+}
diff --git a/definitions/style/color.css b/definitions/style/color.css
new file mode 100644
index 0000000..ae06232
--- /dev/null
+++ b/definitions/style/color.css
@@ -0,0 +1,91 @@
+:root {
+  /*** gray ***/
+  --uchu-light-gray-raw: 95.57% 0.003 286.35;
+  --uchu-light-gray: oklch(var(--uchu-light-gray-raw));
+
+  --uchu-gray-raw: 84.68% 0.002 197.12;
+  --uchu-gray: oklch(var(--uchu-gray-raw));
+
+  --uchu-dark-gray-raw: 63.12% 0.004 219.55;
+  --uchu-dark-gray: oklch(var(--uchu-dark-gray-raw));
+
+  /*** red ***/
+  --uchu-light-red-raw: 88.98% 0.052 3.28;
+  --uchu-light-red: oklch(var(--uchu-light-red-raw));
+
+  --uchu-red-raw: 62.73% 0.209 12.37;
+  --uchu-red: oklch(var(--uchu-red-raw));
+
+  --uchu-dark-red-raw: 45.8% 0.177 17.7;
+  --uchu-dark-red: oklch(var(--uchu-dark-red-raw));
+
+  /*** pink ***/
+  --uchu-light-pink-raw: 95.8% 0.023 354.27;
+  --uchu-light-pink: oklch(var(--uchu-light-pink-raw));
+
+  --uchu-pink-raw: 85.43% 0.09 354.1;
+  --uchu-pink: oklch(var(--uchu-pink-raw));
+
+  --uchu-dark-pink-raw: 64.11% 0.084 353.91;
+  --uchu-dark-pink: oklch(var(--uchu-dark-pink-raw));
+
+  /*** purple ***/
+  --uchu-light-purple-raw: 89.1% 0.046 305.24;
+  --uchu-light-purple: oklch(var(--uchu-light-purple-raw));
+
+  --uchu-purple-raw: 58.47% 0.181 302.06;
+  --uchu-purple: oklch(var(--uchu-purple-raw));
+
+  --uchu-dark-purple-raw: 39.46% 0.164 298.29;
+  --uchu-dark-purple: oklch(var(--uchu-dark-purple-raw));
+
+  /*** blue ***/
+  --uchu-light-blue-raw: 89.66% 0.046 260.67;
+  --uchu-light-blue: oklch(var(--uchu-light-blue-raw));
+
+  --uchu-blue-raw: 62.39% 0.181 258.33;
+  --uchu-blue: oklch(var(--uchu-blue-raw));
+
+  --uchu-dark-blue-raw: 43.48% 0.17 260.2;
+  --uchu-dark-blue: oklch(var(--uchu-dark-blue-raw));
+
+  /*** green ***/
+  --uchu-light-green-raw: 93.96% 0.05 148.74;
+  --uchu-light-green: oklch(var(--uchu-light-green-raw));
+
+  --uchu-green-raw: 79.33% 0.179 145.62;
+  --uchu-green: oklch(var(--uchu-green-raw));
+
+  --uchu-dark-green-raw: 58.83% 0.158 145.05;
+  --uchu-dark-green: oklch(var(--uchu-dark-green-raw));
+
+  /*** yellow ***/
+  --uchu-light-yellow-raw: 97.05% 0.039 91.2;
+  --uchu-light-yellow: oklch(var(--uchu-light-yellow-raw));
+
+  --uchu-yellow-raw: 90.92% 0.125 92.56;
+  --uchu-yellow: oklch(var(--uchu-yellow-raw));
+
+  --uchu-dark-yellow-raw: 69.14% 0.109 91.04;
+  --uchu-dark-yellow: oklch(var(--uchu-dark-yellow-raw));
+
+  /*** orange ***/
+  --uchu-light-orange-raw: 93.83% 0.037 56.93;
+  --uchu-light-orange: oklch(var(--uchu-light-orange-raw));
+
+  --uchu-orange-raw: 78.75% 0.14163582809066333 54.32911089172009;
+  --uchu-orange: oklch(var(--uchu-orange-raw));
+
+  --uchu-dark-orange-raw: 58.28% 0.128 52.2;
+  --uchu-dark-orange: oklch(var(--uchu-dark-orange-raw));
+
+  /*** general ***/
+  --uchu-yang-raw: 99.4% 0 0;
+  --uchu-yang: oklch(var(--uchu-yang-raw));
+
+  --uchu-light-yin-raw: 91.87% 0.003 264.54;
+  --uchu-light-yin: oklch(var(--uchu-light-yin-raw));
+
+  --uchu-yin-raw: 14.38% 0.007 256.88;
+  --uchu-yin: oklch(var(--uchu-yin-raw));
+}
diff --git a/definitions/style/color.scss b/definitions/style/color.scss
new file mode 100644
index 0000000..b7e4fd7
--- /dev/null
+++ b/definitions/style/color.scss
@@ -0,0 +1,44 @@
+/*** gray ***/
+$uchu-light-gray: oklch(95.57% 0.003 286.35);
+$uchu-gray: oklch(84.68% 0.002 197.12);
+$uchu-dark-gray: oklch(63.12% 0.004 219.55);
+
+/*** red ***/
+$uchu-light-red: oklch(88.98% 0.052 3.28);
+$uchu-red: oklch(62.73% 0.209 12.37);
+$uchu-dark-red: oklch(45.8% 0.177 17.7);
+
+/*** pink ***/
+$uchu-light-pink: oklch(95.8% 0.023 354.27);
+$uchu-pink: oklch(85.43% 0.09 354.1);
+$uchu-dark-pink: oklch(64.11% 0.084 353.91);
+
+/*** purple ***/
+$uchu-light-purple: oklch(89.1% 0.046 305.24);
+$uchu-purple: oklch(58.47% 0.181 302.06);
+$uchu-dark-purple: oklch(39.46% 0.164 298.29);
+
+/*** blue ***/
+$uchu-light-blue: oklch(89.66% 0.046 260.67);
+$uchu-blue: oklch(62.39% 0.181 258.33);
+$uchu-dark-blue: oklch(43.48% 0.17 260.2);
+
+/*** green ***/
+$uchu-light-green: oklch(93.96% 0.05 148.74);
+$uchu-green: oklch(79.33% 0.179 145.62);
+$uchu-dark-green: oklch(58.83% 0.158 145.05);
+
+/*** yellow ***/
+$uchu-light-yellow: oklch(97.05% 0.039 91.2);
+$uchu-yellow: oklch(90.92% 0.125 92.56);
+$uchu-dark-yellow: oklch(69.14% 0.109 91.04);
+
+/*** orange ***/
+$uchu-light-orange: oklch(93.83% 0.037 56.93);
+$uchu-orange: oklch(78.75% 0.14163582809066333 54.32911089172009);
+$uchu-dark-orange: oklch(58.28% 0.128 52.2);
+
+/*** general ***/
+$uchu-yang: oklch(99.4% 0 0);
+$uchu-light-yin: oklch(91.87% 0.003 264.54);
+$uchu-yin: oklch(14.38% 0.007 256.88);
diff --git a/definitions/style/color_expanded.css b/definitions/style/color_expanded.css
new file mode 100644
index 0000000..f0e9a21
--- /dev/null
+++ b/definitions/style/color_expanded.css
@@ -0,0 +1,185 @@
+:root {
+  /*** gray ***/
+  --uchu-gray-1-raw: 95.57% 0.003 286.35;
+  --uchu-gray-1: oklch(var(--uchu-gray-1-raw));
+  --uchu-gray-2-raw: 92.04% 0.002 197.12;
+  --uchu-gray-2: oklch(var(--uchu-gray-2-raw));
+  --uchu-gray-3-raw: 88.28% 0.003 286.34;
+  --uchu-gray-3: oklch(var(--uchu-gray-3-raw));
+  --uchu-gray-4-raw: 84.68% 0.002 197.12;
+  --uchu-gray-4: oklch(var(--uchu-gray-4-raw));
+  --uchu-gray-5-raw: 80.73% 0.002 247.84;
+  --uchu-gray-5: oklch(var(--uchu-gray-5-raw));
+  --uchu-gray-6-raw: 75.03% 0.002 247.85;
+  --uchu-gray-6: oklch(var(--uchu-gray-6-raw));
+  --uchu-gray-7-raw: 69.01% 0.003 286.32;
+  --uchu-gray-7: oklch(var(--uchu-gray-7-raw));
+  --uchu-gray-8-raw: 63.12% 0.004 219.55;
+  --uchu-gray-8: oklch(var(--uchu-gray-8-raw));
+  --uchu-gray-9-raw: 56.82% 0.004 247.89;
+  --uchu-gray-9: oklch(var(--uchu-gray-9-raw));
+
+  /*** red ***/
+  --uchu-red-1-raw: 88.98% 0.052 3.28;
+  --uchu-red-1: oklch(var(--uchu-red-1-raw));
+  --uchu-red-2-raw: 78.78% 0.109 4.54;
+  --uchu-red-2: oklch(var(--uchu-red-2-raw));
+  --uchu-red-3-raw: 69.86% 0.162 7.82;
+  --uchu-red-3: oklch(var(--uchu-red-3-raw));
+  --uchu-red-4-raw: 62.73% 0.209 12.37;
+  --uchu-red-4: oklch(var(--uchu-red-4-raw));
+  --uchu-red-5-raw: 58.63% 0.231 19.6;
+  --uchu-red-5: oklch(var(--uchu-red-5-raw));
+  --uchu-red-6-raw: 54.41% 0.214 19.06;
+  --uchu-red-6: oklch(var(--uchu-red-6-raw));
+  --uchu-red-7-raw: 49.95% 0.195 18.34;
+  --uchu-red-7: oklch(var(--uchu-red-7-raw));
+  --uchu-red-8-raw: 45.8% 0.177 17.7;
+  --uchu-red-8: oklch(var(--uchu-red-8-raw));
+  --uchu-red-9-raw: 41.17% 0.157 16.58;
+  --uchu-red-9: oklch(var(--uchu-red-9-raw));
+
+  /*** pink ***/
+  --uchu-pink-1-raw: 95.8% 0.023 354.27;
+  --uchu-pink-1: oklch(var(--uchu-pink-1-raw));
+  --uchu-pink-2-raw: 92.14% 0.046 352.31;
+  --uchu-pink-2: oklch(var(--uchu-pink-2-raw));
+  --uchu-pink-3-raw: 88.9% 0.066 354.39;
+  --uchu-pink-3: oklch(var(--uchu-pink-3-raw));
+  --uchu-pink-4-raw: 85.43% 0.09 354.1;
+  --uchu-pink-4: oklch(var(--uchu-pink-4-raw));
+  --uchu-pink-5-raw: 82.23% 0.112 355.33;
+  --uchu-pink-5: oklch(var(--uchu-pink-5-raw));
+  --uchu-pink-6-raw: 76.37% 0.101 355.37;
+  --uchu-pink-6: oklch(var(--uchu-pink-6-raw));
+  --uchu-pink-7-raw: 70.23% 0.092 354.96;
+  --uchu-pink-7: oklch(var(--uchu-pink-7-raw));
+  --uchu-pink-8-raw: 64.11% 0.084 353.91;
+  --uchu-pink-8: oklch(var(--uchu-pink-8-raw));
+  --uchu-pink-9-raw: 57.68% 0.074 353.14;
+  --uchu-pink-9: oklch(var(--uchu-pink-9-raw));
+
+  /*** purple ***/
+  --uchu-purple-1-raw: 89.1% 0.046 305.24;
+  --uchu-purple-1: oklch(var(--uchu-purple-1-raw));
+  --uchu-purple-2-raw: 78.68% 0.091 305;
+  --uchu-purple-2: oklch(var(--uchu-purple-2-raw));
+  --uchu-purple-3-raw: 68.5% 0.136 303.78;
+  --uchu-purple-3: oklch(var(--uchu-purple-3-raw));
+  --uchu-purple-4-raw: 58.47% 0.181 302.06;
+  --uchu-purple-4: oklch(var(--uchu-purple-4-raw));
+  --uchu-purple-5-raw: 49.39% 0.215 298.31;
+  --uchu-purple-5: oklch(var(--uchu-purple-5-raw));
+  --uchu-purple-6-raw: 46.11% 0.198 298.4;
+  --uchu-purple-6: oklch(var(--uchu-purple-6-raw));
+  --uchu-purple-7-raw: 42.77% 0.181 298.49;
+  --uchu-purple-7: oklch(var(--uchu-purple-7-raw));
+  --uchu-purple-8-raw: 39.46% 0.164 298.29;
+  --uchu-purple-8: oklch(var(--uchu-purple-8-raw));
+  --uchu-purple-9-raw: 36.01% 0.145 298.35;
+  --uchu-purple-9: oklch(var(--uchu-purple-9-raw));
+
+  /*** blue ***/
+  --uchu-blue-1-raw: 89.66% 0.046 260.67;
+  --uchu-blue-1: oklch(var(--uchu-blue-1-raw));
+  --uchu-blue-2-raw: 80.17% 0.091 258.88;
+  --uchu-blue-2: oklch(var(--uchu-blue-2-raw));
+  --uchu-blue-3-raw: 70.94% 0.136 258.06;
+  --uchu-blue-3: oklch(var(--uchu-blue-3-raw));
+  --uchu-blue-4-raw: 62.39% 0.181 258.33;
+  --uchu-blue-4: oklch(var(--uchu-blue-4-raw));
+  --uchu-blue-5-raw: 54.87% 0.222 260.33;
+  --uchu-blue-5: oklch(var(--uchu-blue-5-raw));
+  --uchu-blue-6-raw: 51.15% 0.204 260.17;
+  --uchu-blue-6: oklch(var(--uchu-blue-6-raw));
+  --uchu-blue-7-raw: 47.36% 0.185 259.89;
+  --uchu-blue-7: oklch(var(--uchu-blue-7-raw));
+  --uchu-blue-8-raw: 43.48% 0.17 260.2;
+  --uchu-blue-8: oklch(var(--uchu-blue-8-raw));
+  --uchu-blue-9-raw: 39.53% 0.15 259.87;
+  --uchu-blue-9: oklch(var(--uchu-blue-9-raw));
+
+  /*** green ***/
+  --uchu-green-1-raw: 93.96% 0.05 148.74;
+  --uchu-green-1: oklch(var(--uchu-green-1-raw));
+  --uchu-green-2-raw: 88.77% 0.096 147.71;
+  --uchu-green-2: oklch(var(--uchu-green-2-raw));
+  --uchu-green-3-raw: 83.74% 0.139 146.57;
+  --uchu-green-3: oklch(var(--uchu-green-3-raw));
+  --uchu-green-4-raw: 79.33% 0.179 145.62;
+  --uchu-green-4: oklch(var(--uchu-green-4-raw));
+  --uchu-green-5-raw: 75.23% 0.209 144.64;
+  --uchu-green-5: oklch(var(--uchu-green-5-raw));
+  --uchu-green-6-raw: 70.03% 0.194 144.71;
+  --uchu-green-6: oklch(var(--uchu-green-6-raw));
+  --uchu-green-7-raw: 64.24% 0.175 144.92;
+  --uchu-green-7: oklch(var(--uchu-green-7-raw));
+  --uchu-green-8-raw: 58.83% 0.158 145.05;
+  --uchu-green-8: oklch(var(--uchu-green-8-raw));
+  --uchu-green-9-raw: 52.77% 0.138 145.41;
+  --uchu-green-9: oklch(var(--uchu-green-9-raw));
+
+  /*** yellow ***/
+  --uchu-yellow-1-raw: 97.05% 0.039 91.2;
+  --uchu-yellow-1: oklch(var(--uchu-yellow-1-raw));
+  --uchu-yellow-2-raw: 95% 0.07 92.39;
+  --uchu-yellow-2: oklch(var(--uchu-yellow-2-raw));
+  --uchu-yellow-3-raw: 92.76% 0.098 92.58;
+  --uchu-yellow-3: oklch(var(--uchu-yellow-3-raw));
+  --uchu-yellow-4-raw: 90.92% 0.125 92.56;
+  --uchu-yellow-4: oklch(var(--uchu-yellow-4-raw));
+  --uchu-yellow-5-raw: 89% 0.146 91.5;
+  --uchu-yellow-5: oklch(var(--uchu-yellow-5-raw));
+  --uchu-yellow-6-raw: 82.39% 0.133 91.5;
+  --uchu-yellow-6: oklch(var(--uchu-yellow-6-raw));
+  --uchu-yellow-7-raw: 75.84% 0.122 92.21;
+  --uchu-yellow-7: oklch(var(--uchu-yellow-7-raw));
+  --uchu-yellow-8-raw: 69.14% 0.109 91.04;
+  --uchu-yellow-8: oklch(var(--uchu-yellow-8-raw));
+  --uchu-yellow-9-raw: 62.29% 0.097 91.9;
+  --uchu-yellow-9: oklch(var(--uchu-yellow-9-raw));
+
+  /*** orange ***/
+  --uchu-orange-1-raw: 93.83% 0.037 56.93;
+  --uchu-orange-1: oklch(var(--uchu-orange-1-raw));
+  --uchu-orange-2-raw: 88.37% 0.07258208750520016 55.80328658240742;
+  --uchu-orange-2: oklch(var(--uchu-orange-2-raw));
+  --uchu-orange-3-raw: 83.56% 0.10753627570574478 56.492594564236946;
+  --uchu-orange-3: oklch(var(--uchu-orange-3-raw));
+  --uchu-orange-4-raw: 78.75% 0.14163582809066333 54.32911089172009;
+  --uchu-orange-4: oklch(var(--uchu-orange-4-raw));
+  --uchu-orange-5-raw: 74.61% 0.171 51.56;
+  --uchu-orange-5: oklch(var(--uchu-orange-5-raw));
+  --uchu-orange-6-raw: 69.33% 0.157 52.18;
+  --uchu-orange-6: oklch(var(--uchu-orange-6-raw));
+  --uchu-orange-7-raw: 63.8% 0.142 52.1;
+  --uchu-orange-7: oklch(var(--uchu-orange-7-raw));
+  --uchu-orange-8-raw: 58.28% 0.128 52.2;
+  --uchu-orange-8: oklch(var(--uchu-orange-8-raw));
+  --uchu-orange-9-raw: 52.49% 0.113 51.98;
+  --uchu-orange-9: oklch(var(--uchu-orange-9-raw));
+
+  /*** general ***/
+  --uchu-yin-1-raw: 91.87% 0.003 264.54;
+  --uchu-yin-1: oklch(var(--uchu-yin-1-raw));
+  --uchu-yin-2-raw: 84.61% 0.004 286.31;
+  --uchu-yin-2: oklch(var(--uchu-yin-2-raw));
+  --uchu-yin-3-raw: 76.89% 0.004 247.87;
+  --uchu-yin-3: oklch(var(--uchu-yin-3-raw));
+  --uchu-yin-4-raw: 69.17% 0.004 247.88;
+  --uchu-yin-4: oklch(var(--uchu-yin-4-raw));
+  --uchu-yin-5-raw: 61.01% 0.005 271.34;
+  --uchu-yin-5: oklch(var(--uchu-yin-5-raw));
+  --uchu-yin-6-raw: 52.79% 0.005 271.32;
+  --uchu-yin-6: oklch(var(--uchu-yin-6-raw));
+  --uchu-yin-7-raw: 43.87% 0.005 271.3;
+  --uchu-yin-7: oklch(var(--uchu-yin-7-raw));
+  --uchu-yin-8-raw: 35.02% 0.005 236.66;
+  --uchu-yin-8: oklch(var(--uchu-yin-8-raw));
+  --uchu-yin-9-raw: 25.11% 0.006 258.36;
+  --uchu-yin-9: oklch(var(--uchu-yin-9-raw));
+  --uchu-yin-raw: 14.38% 0.007 256.88;
+  --uchu-yin: oklch(var(--uchu-yin-raw));
+  --uchu-yang-raw: 99.4% 0 0;
+  --uchu-yang: oklch(var(--uchu-yang-raw));
+}
diff --git a/definitions/style/color_expanded.scss b/definitions/style/color_expanded.scss
new file mode 100644
index 0000000..877e505
--- /dev/null
+++ b/definitions/style/color_expanded.scss
@@ -0,0 +1,100 @@
+/*** gray ***/
+$uchu-gray-1: oklch(95.57% 0.003 286.35);
+$uchu-gray-2: oklch(92.04% 0.002 197.12);
+$uchu-gray-3: oklch(88.28% 0.003 286.34);
+$uchu-gray-4: oklch(84.68% 0.002 197.12);
+$uchu-gray-5: oklch(80.73% 0.002 247.84);
+$uchu-gray-6: oklch(75.03% 0.002 247.85);
+$uchu-gray-7: oklch(69.01% 0.003 286.32);
+$uchu-gray-8: oklch(63.12% 0.004 219.55);
+$uchu-gray-9: oklch(56.82% 0.004 247.89);
+
+/*** red ***/
+$uchu-red-1: oklch(88.98% 0.052 3.28);
+$uchu-red-2: oklch(78.78% 0.109 4.54);
+$uchu-red-3: oklch(69.86% 0.162 7.82);
+$uchu-red-4: oklch(62.73% 0.209 12.37);
+$uchu-red-5: oklch(58.63% 0.231 19.6);
+$uchu-red-6: oklch(54.41% 0.214 19.06);
+$uchu-red-7: oklch(49.95% 0.195 18.34);
+$uchu-red-8: oklch(45.8% 0.177 17.7);
+$uchu-red-9: oklch(41.17% 0.157 16.58);
+
+/*** pink ***/
+$uchu-pink-1: oklch(95.8% 0.023 354.27);
+$uchu-pink-2: oklch(92.14% 0.046 352.31);
+$uchu-pink-3: oklch(88.9% 0.066 354.39);
+$uchu-pink-4: oklch(85.43% 0.09 354.1);
+$uchu-pink-5: oklch(82.23% 0.112 355.33);
+$uchu-pink-6: oklch(76.37% 0.101 355.37);
+$uchu-pink-7: oklch(70.23% 0.092 354.96);
+$uchu-pink-8: oklch(64.11% 0.084 353.91);
+$uchu-pink-9: oklch(57.68% 0.074 353.14);
+
+/*** purple ***/
+$uchu-purple-1: oklch(89.1% 0.046 305.24);
+$uchu-purple-2: oklch(78.68% 0.091 305);
+$uchu-purple-3: oklch(68.5% 0.136 303.78);
+$uchu-purple-4: oklch(58.47% 0.181 302.06);
+$uchu-purple-5: oklch(49.39% 0.215 298.31);
+$uchu-purple-6: oklch(46.11% 0.198 298.4);
+$uchu-purple-7: oklch(42.77% 0.181 298.49);
+$uchu-purple-8: oklch(39.46% 0.164 298.29);
+$uchu-purple-9: oklch(36.01% 0.145 298.35);
+
+/*** blue ***/
+$uchu-blue-1: oklch(89.66% 0.046 260.67);
+$uchu-blue-2: oklch(80.17% 0.091 258.88);
+$uchu-blue-3: oklch(70.94% 0.136 258.06);
+$uchu-blue-4: oklch(62.39% 0.181 258.33);
+$uchu-blue-5: oklch(54.87% 0.222 260.33);
+$uchu-blue-6: oklch(51.15% 0.204 260.17);
+$uchu-blue-7: oklch(47.36% 0.185 259.89);
+$uchu-blue-8: oklch(43.48% 0.17 260.2);
+$uchu-blue-9: oklch(39.53% 0.15 259.87);
+
+/*** green ***/
+$uchu-green-1: oklch(93.96% 0.05 148.74);
+$uchu-green-2: oklch(88.77% 0.096 147.71);
+$uchu-green-3: oklch(83.74% 0.139 146.57);
+$uchu-green-4: oklch(79.33% 0.179 145.62);
+$uchu-green-5: oklch(75.23% 0.209 144.64);
+$uchu-green-6: oklch(70.03% 0.194 144.71);
+$uchu-green-7: oklch(64.24% 0.175 144.92);
+$uchu-green-8: oklch(58.83% 0.158 145.05);
+$uchu-green-9: oklch(52.77% 0.138 145.41);
+
+/*** yellow ***/
+$uchu-yellow-1: oklch(97.05% 0.039 91.2);
+$uchu-yellow-2: oklch(95% 0.07 92.39);
+$uchu-yellow-3: oklch(92.76% 0.098 92.58);
+$uchu-yellow-4: oklch(90.92% 0.125 92.56);
+$uchu-yellow-5: oklch(89% 0.146 91.5);
+$uchu-yellow-6: oklch(82.39% 0.133 91.5);
+$uchu-yellow-7: oklch(75.84% 0.122 92.21);
+$uchu-yellow-8: oklch(69.14% 0.109 91.04);
+$uchu-yellow-9: oklch(62.29% 0.097 91.9);
+
+/*** orange ***/
+$uchu-orange-1: oklch(93.83% 0.037 56.93);
+$uchu-orange-2: oklch(88.37% 0.07258208750520016 55.80328658240742);
+$uchu-orange-3: oklch(83.56% 0.10753627570574478 56.492594564236946);
+$uchu-orange-4: oklch(78.75% 0.14163582809066333 54.32911089172009);
+$uchu-orange-5: oklch(74.61% 0.171 51.56);
+$uchu-orange-6: oklch(69.33% 0.157 52.18);
+$uchu-orange-7: oklch(63.8% 0.142 52.1);
+$uchu-orange-8: oklch(58.28% 0.128 52.2);
+$uchu-orange-9: oklch(52.49% 0.113 51.98);
+
+/*** general ***/
+$uchu-yin-1: oklch(91.87% 0.003 264.54);
+$uchu-yin-2: oklch(84.61% 0.004 286.31);
+$uchu-yin-3: oklch(76.89% 0.004 247.87);
+$uchu-yin-4: oklch(69.17% 0.004 247.88);
+$uchu-yin-5: oklch(61.01% 0.005 271.34);
+$uchu-yin-6: oklch(52.79% 0.005 271.32);
+$uchu-yin-7: oklch(43.87% 0.005 271.3);
+$uchu-yin-8: oklch(35.02% 0.005 236.66);
+$uchu-yin-9: oklch(25.11% 0.006 258.36);
+$uchu-yin: oklch(14.38% 0.007 256.88);
+$uchu-yang: oklch(99.4% 0 0);