@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/tokens/primitives.css

@@ -1,190 +1,418 @@
-/* ═══════════════════════════════════════════════════════════════════
-   TIER 1 — PRIMITIVE TOKENS
-   Raw palette values. Never referenced directly in component code.
-   ═══════════════════════════════════════════════════════════════════ */
+/* ═══════════════════════════════════════════════════════════
+   TIER 1 — PRIMITIVE TOKENS (OKLCH 12-step functional scales)
+   Each step has a defined purpose. Never reference directly
+   in component code — use semantic tokens instead.
+
+   Steps:
+    1  — App background
+    2  — Subtle background
+    3  — Component bg
+    4  — Component bg hover
+    5  — Component bg active
+    6  — Border subtle
+    7  — Border default
+    8  — Border strong
+    9  — Solid / accent
+   10  — Solid hover
+   11  — Low-contrast text
+   12  — High-contrast text
+   ═══════════════════════════════════════════════════════════ */
 
 :root {
-  /* ── Pink scale — Devalok brand ─────────────────────────────── */
-  --pink-50:  #fcf7f7;
-  --pink-100: #f7e9e9;
-  --pink-200: #efd5d9;
-  --pink-300: #e5b3bf;
-  --pink-400: #d97195;
-  --pink-500: #d33163;
-  --pink-600: #b6204a;
-  --pink-700: #932044;
-  --pink-800: #6e1433;
-  --pink-900: #4d0a1c;
-  --pink-950: #2a0510;
-  --pink-1000: #150208;
-
-  /* ── Purple scale — secondary accent ────────────────────────── */
-  --purple-50:  #f8f6fc;
-  --purple-100: #f2eff8;
-  --purple-200: #e6e1f3;
-  --purple-300: #d3c8ea;
-  --purple-400: #ab9ded;
-  --purple-500: #8258a9;
-  --purple-600: #6a3f91;
-  --purple-700: #512d75;
-  --purple-800: #3a274e;
-  --purple-900: #2a1a3a;
-  --purple-950: #1e1429;
-
-  /* ── Neutral scale — warm-tinted grays ──────────────────────── */
-  --neutral-0:   #ffffff;
-  --neutral-50:  #f8f7f7;
-  --neutral-100: #f2f1f1;
-  --neutral-200: #e6e4e5;
-  --neutral-300: #d3ced0;
-  --neutral-400: #b7afb2;
-  --neutral-500: #8c8084;
-  --neutral-600: #6b6164;
-  --neutral-700: #564e50;
-  --neutral-800: #403a3c;
-  --neutral-900: #282425;
-  --neutral-950: #050505;
-
-  /* ── Green ──────────────────────────────────────────────────── */
-  --green-50:  #e1f8e0;
-  --green-100: #aaffb9;
-  --green-200: #80e892;
-  --green-300: #50c96a;
-  --green-400: #2aa648;
-  --green-500: #08862a;
-  --green-600: #007a14;
-  --green-700: #005c0f;
-  --green-800: #004109;
-  --green-900: #002b06;
-  --green-950: #001a04;
-
-  /* ── Red ────────────────────────────────────────────────────── */
-  --red-50:  #ffc5c1;
-  --red-100: #ff9c95;
-  --red-200: #ff7e75;
-  --red-300: #f95a4f;
-  --red-400: #eb3a2e;
-  --red-500: #e41a0e;
-  --red-600: #e00e00;
-  --red-700: #b30b00;
-  --red-800: #870800;
-  --red-900: #5c0500;
-  --red-950: #380300;
-
-  /* ── Yellow ─────────────────────────────────────────────────── */
-  --yellow-50:  #fff585;
-  --yellow-100: #ffe83f;
-  --yellow-200: #fdd430;
-  --yellow-300: #e8b510;
-  --yellow-400: #cc9600;
-  --yellow-500: #a36200;
-  --yellow-600: #9a6b00;
-  --yellow-700: #7a4900;
-  --yellow-800: #5c3700;
-  --yellow-900: #3d2400;
-  --yellow-950: #251600;
-
-  /* ── Blue ───────────────────────────────────────────────────── */
-  --blue-50:  #bee3f9;
-  --blue-100: #43b2ed;
-  --blue-200: #38ace6;
-  --blue-300: #2499d2;
-  --blue-400: #1d88c8;
-  --blue-500: #136da3;
-  --blue-600: #0e537e;
-  --blue-700: #0a3f60;
-  --blue-800: #072f4a;
-  --blue-900: #041f32;
-  --blue-950: #02131f;
-
-  /* ── Teal scale — Mayur (मयूर) ────────────────────────────── */
-  --teal-50:  #f0fdfa;
-  --teal-100: #ccfbf1;
-  --teal-200: #99f6e4;
-  --teal-300: #5eead4;
-  --teal-400: #2dd4bf;
-  --teal-500: #14b8a6;
-  --teal-600: #0d9488;
-  --teal-700: #0f766e;
-  --teal-800: #115e59;
-  --teal-900: #134e4a;
-  --teal-950: #042f2e;
-
-  /* ── Amber scale — Kesar (केसर) ───────────────────────────── */
-  --amber-50:  #fffbeb;
-  --amber-100: #fef3c7;
-  --amber-200: #fde68a;
-  --amber-300: #fcd34d;
-  --amber-400: #fbbf24;
-  --amber-500: #f59e0b;
-  --amber-600: #d97706;
-  --amber-700: #b45309;
-  --amber-800: #92400e;
-  --amber-900: #78350f;
-  --amber-950: #451a03;
-
-  /* ── Slate scale — Megha (मेघ) ────────────────────────────── */
-  --slate-50:  #f8fafc;
-  --slate-100: #f1f5f9;
-  --slate-200: #e2e8f0;
-  --slate-300: #cbd5e1;
-  --slate-400: #94a3b8;
-  --slate-500: #64748b;
-  --slate-600: #475569;
-  --slate-700: #334155;
-  --slate-800: #1e293b;
-  --slate-900: #0f172a;
-  --slate-950: #020617;
-
-  /* ── Indigo scale — Neel (नील) ────────────────────────────── */
-  --indigo-50:  #eef2ff;
-  --indigo-100: #e0e7ff;
-  --indigo-200: #c7d2fe;
-  --indigo-300: #a5b4fc;
-  --indigo-400: #818cf8;
-  --indigo-500: #6366f1;
-  --indigo-600: #4f46e5;
-  --indigo-700: #4338ca;
-  --indigo-800: #3730a3;
-  --indigo-900: #312e81;
-  --indigo-950: #1e1b4b;
-
-  /* ── Cyan scale — Samudra (समुद्र) ─────────────────────────── */
-  --cyan-50:  #ecfeff;
-  --cyan-100: #cffafe;
-  --cyan-200: #a5f3fc;
-  --cyan-300: #67e8f9;
-  --cyan-400: #22d3ee;
-  --cyan-500: #06b6d4;
-  --cyan-600: #0891b2;
-  --cyan-700: #0e7490;
-  --cyan-800: #155e75;
-  --cyan-900: #164e63;
-  --cyan-950: #083344;
-
-  /* ── Orange scale — Agni (अग्नि) ──────────────────────────── */
-  --orange-50:  #fff7ed;
-  --orange-100: #ffedd5;
-  --orange-200: #fed7aa;
-  --orange-300: #fdba74;
-  --orange-400: #fb923c;
-  --orange-500: #f97316;
-  --orange-600: #ea580c;
-  --orange-700: #c2410c;
-  --orange-800: #9a3412;
-  --orange-900: #7c2d12;
-  --orange-950: #431407;
-
-  /* ── Emerald scale — Panna (पन्ना) ─────────────────────────── */
-  --emerald-50:  #ecfdf5;
-  --emerald-100: #d1fae5;
-  --emerald-200: #a7f3d0;
-  --emerald-300: #6ee7b7;
-  --emerald-400: #34d399;
-  --emerald-500: #10b981;
-  --emerald-600: #059669;
-  --emerald-700: #047857;
-  --emerald-800: #065f46;
-  --emerald-900: #064e3b;
-  --emerald-950: #022c22;
+  /* ── Pink — Blooming Lotus — H:360 ── */
+  --pink-1:  oklch(0.99 0.005 360);
+  --pink-2:  oklch(0.97 0.015 360);
+  --pink-3:  oklch(0.93 0.035 360);
+  --pink-4:  oklch(0.89 0.055 360);
+  --pink-5:  oklch(0.84 0.08 360);
+  --pink-6:  oklch(0.78 0.1 360);
+  --pink-7:  oklch(0.7 0.14 360);
+  --pink-8:  oklch(0.62 0.17 360);
+  --pink-9:  oklch(0.55 0.19 360);
+  --pink-10: oklch(0.5 0.19 360);
+  --pink-11: oklch(0.43 0.14 360);
+  --pink-12: oklch(0.32 0.08 360);
+
+  /* ── Purple — Secondary accent — H:300 ── */
+  --purple-1:  oklch(0.99 0.0032 300);
+  --purple-2:  oklch(0.97 0.0095 300);
+  --purple-3:  oklch(0.93 0.0221 300);
+  --purple-4:  oklch(0.89 0.0347 300);
+  --purple-5:  oklch(0.84 0.0505 300);
+  --purple-6:  oklch(0.78 0.0632 300);
+  --purple-7:  oklch(0.7 0.0884 300);
+  --purple-8:  oklch(0.62 0.1074 300);
+  --purple-9:  oklch(0.55 0.12 300);
+  --purple-10: oklch(0.5 0.12 300);
+  --purple-11: oklch(0.43 0.0884 300);
+  --purple-12: oklch(0.32 0.0505 300);
+
+  /* ── Neutral — Warm grays — H:350 ── */
+  --neutral-0: #ffffff;
+  --neutral-1:  oklch(0.99 0.0003 350);
+  --neutral-2:  oklch(0.97 0.0008 350);
+  --neutral-3:  oklch(0.93 0.0018 350);
+  --neutral-4:  oklch(0.89 0.0029 350);
+  --neutral-5:  oklch(0.84 0.0042 350);
+  --neutral-6:  oklch(0.78 0.0053 350);
+  --neutral-7:  oklch(0.7 0.0074 350);
+  --neutral-8:  oklch(0.62 0.0089 350);
+  --neutral-9:  oklch(0.55 0.01 350);
+  --neutral-10: oklch(0.5 0.01 350);
+  --neutral-11: oklch(0.43 0.0074 350);
+  --neutral-12: oklch(0.32 0.0042 350);
+
+  /* ── Red — H:25 ── */
+  --red-1:  oklch(0.99 0.0047 25);
+  --red-2:  oklch(0.97 0.0142 25);
+  --red-3:  oklch(0.93 0.0332 25);
+  --red-4:  oklch(0.89 0.0521 25);
+  --red-5:  oklch(0.84 0.0758 25);
+  --red-6:  oklch(0.78 0.0947 25);
+  --red-7:  oklch(0.7 0.1326 25);
+  --red-8:  oklch(0.62 0.1611 25);
+  --red-9:  oklch(0.55 0.18 25);
+  --red-10: oklch(0.5 0.18 25);
+  --red-11: oklch(0.43 0.1326 25);
+  --red-12: oklch(0.32 0.0758 25);
+
+  /* ── Green — H:145 ── */
+  --green-1:  oklch(0.99 0.0037 145);
+  --green-2:  oklch(0.97 0.0111 145);
+  --green-3:  oklch(0.93 0.0258 145);
+  --green-4:  oklch(0.89 0.0405 145);
+  --green-5:  oklch(0.84 0.0589 145);
+  --green-6:  oklch(0.78 0.0737 145);
+  --green-7:  oklch(0.7 0.1032 145);
+  --green-8:  oklch(0.62 0.1253 145);
+  --green-9:  oklch(0.55 0.14 145);
+  --green-10: oklch(0.5 0.14 145);
+  --green-11: oklch(0.43 0.1032 145);
+  --green-12: oklch(0.32 0.0589 145);
+
+  /* ── Yellow — H:85 ── */
+  --yellow-1:  oklch(0.99 0.0037 85);
+  --yellow-2:  oklch(0.97 0.0111 85);
+  --yellow-3:  oklch(0.93 0.0258 85);
+  --yellow-4:  oklch(0.89 0.0405 85);
+  --yellow-5:  oklch(0.84 0.0589 85);
+  --yellow-6:  oklch(0.78 0.0737 85);
+  --yellow-7:  oklch(0.7 0.1032 85);
+  --yellow-8:  oklch(0.62 0.1253 85);
+  --yellow-9:  oklch(0.55 0.14 85);
+  --yellow-10: oklch(0.5 0.14 85);
+  --yellow-11: oklch(0.43 0.1032 85);
+  --yellow-12: oklch(0.32 0.0589 85);
+
+  /* ── Blue — H:240 ── */
+  --blue-1:  oklch(0.99 0.0032 240);
+  --blue-2:  oklch(0.97 0.0095 240);
+  --blue-3:  oklch(0.93 0.0221 240);
+  --blue-4:  oklch(0.89 0.0347 240);
+  --blue-5:  oklch(0.84 0.0505 240);
+  --blue-6:  oklch(0.78 0.0632 240);
+  --blue-7:  oklch(0.7 0.0884 240);
+  --blue-8:  oklch(0.62 0.1074 240);
+  --blue-9:  oklch(0.55 0.12 240);
+  --blue-10: oklch(0.5 0.12 240);
+  --blue-11: oklch(0.43 0.0884 240);
+  --blue-12: oklch(0.32 0.0505 240);
+
+  /* ── Teal — Mayur (मयूर) — H:175 ── */
+  --teal-1:  oklch(0.99 0.0026 175);
+  --teal-2:  oklch(0.97 0.0079 175);
+  --teal-3:  oklch(0.93 0.0184 175);
+  --teal-4:  oklch(0.89 0.0289 175);
+  --teal-5:  oklch(0.84 0.0421 175);
+  --teal-6:  oklch(0.78 0.0526 175);
+  --teal-7:  oklch(0.7 0.0737 175);
+  --teal-8:  oklch(0.62 0.0895 175);
+  --teal-9:  oklch(0.55 0.1 175);
+  --teal-10: oklch(0.5 0.1 175);
+  --teal-11: oklch(0.43 0.0737 175);
+  --teal-12: oklch(0.32 0.0421 175);
+
+  /* ── Amber — Kesar (केसर) — H:70 ── */
+  --amber-1:  oklch(0.99 0.0032 70);
+  --amber-2:  oklch(0.97 0.0095 70);
+  --amber-3:  oklch(0.93 0.0221 70);
+  --amber-4:  oklch(0.89 0.0347 70);
+  --amber-5:  oklch(0.84 0.0505 70);
+  --amber-6:  oklch(0.78 0.0632 70);
+  --amber-7:  oklch(0.7 0.0884 70);
+  --amber-8:  oklch(0.62 0.1074 70);
+  --amber-9:  oklch(0.55 0.12 70);
+  --amber-10: oklch(0.5 0.12 70);
+  --amber-11: oklch(0.43 0.0884 70);
+  --amber-12: oklch(0.32 0.0505 70);
+
+  /* ── Slate — Megha (मेघ) — H:260 ── */
+  --slate-1:  oklch(0.99 0.0011 260);
+  --slate-2:  oklch(0.97 0.0032 260);
+  --slate-3:  oklch(0.93 0.0074 260);
+  --slate-4:  oklch(0.89 0.0116 260);
+  --slate-5:  oklch(0.84 0.0168 260);
+  --slate-6:  oklch(0.78 0.0211 260);
+  --slate-7:  oklch(0.7 0.0295 260);
+  --slate-8:  oklch(0.62 0.0358 260);
+  --slate-9:  oklch(0.55 0.04 260);
+  --slate-10: oklch(0.5 0.04 260);
+  --slate-11: oklch(0.43 0.0295 260);
+  --slate-12: oklch(0.32 0.0168 260);
+
+  /* ── Indigo — Neel (नील) — H:275 ── */
+  --indigo-1:  oklch(0.99 0.0037 275);
+  --indigo-2:  oklch(0.97 0.0111 275);
+  --indigo-3:  oklch(0.93 0.0258 275);
+  --indigo-4:  oklch(0.89 0.0405 275);
+  --indigo-5:  oklch(0.84 0.0589 275);
+  --indigo-6:  oklch(0.78 0.0737 275);
+  --indigo-7:  oklch(0.7 0.1032 275);
+  --indigo-8:  oklch(0.62 0.1253 275);
+  --indigo-9:  oklch(0.55 0.14 275);
+  --indigo-10: oklch(0.5 0.14 275);
+  --indigo-11: oklch(0.43 0.1032 275);
+  --indigo-12: oklch(0.32 0.0589 275);
+
+  /* ── Cyan — Samudra (समुद्र) — H:210 ── */
+  --cyan-1:  oklch(0.99 0.0026 210);
+  --cyan-2:  oklch(0.97 0.0079 210);
+  --cyan-3:  oklch(0.93 0.0184 210);
+  --cyan-4:  oklch(0.89 0.0289 210);
+  --cyan-5:  oklch(0.84 0.0421 210);
+  --cyan-6:  oklch(0.78 0.0526 210);
+  --cyan-7:  oklch(0.7 0.0737 210);
+  --cyan-8:  oklch(0.62 0.0895 210);
+  --cyan-9:  oklch(0.55 0.1 210);
+  --cyan-10: oklch(0.5 0.1 210);
+  --cyan-11: oklch(0.43 0.0737 210);
+  --cyan-12: oklch(0.32 0.0421 210);
+
+  /* ── Orange — Agni (अग्नि) — H:50 ── */
+  --orange-1:  oklch(0.99 0.0037 50);
+  --orange-2:  oklch(0.97 0.0111 50);
+  --orange-3:  oklch(0.93 0.0258 50);
+  --orange-4:  oklch(0.89 0.0405 50);
+  --orange-5:  oklch(0.84 0.0589 50);
+  --orange-6:  oklch(0.78 0.0737 50);
+  --orange-7:  oklch(0.7 0.1032 50);
+  --orange-8:  oklch(0.62 0.1253 50);
+  --orange-9:  oklch(0.55 0.14 50);
+  --orange-10: oklch(0.5 0.14 50);
+  --orange-11: oklch(0.43 0.1032 50);
+  --orange-12: oklch(0.32 0.0589 50);
+
+  /* ── Emerald — Panna (पन्ना) — H:160 ── */
+  --emerald-1:  oklch(0.99 0.0032 160);
+  --emerald-2:  oklch(0.97 0.0095 160);
+  --emerald-3:  oklch(0.93 0.0221 160);
+  --emerald-4:  oklch(0.89 0.0347 160);
+  --emerald-5:  oklch(0.84 0.0505 160);
+  --emerald-6:  oklch(0.78 0.0632 160);
+  --emerald-7:  oklch(0.7 0.0884 160);
+  --emerald-8:  oklch(0.62 0.1074 160);
+  --emerald-9:  oklch(0.55 0.12 160);
+  --emerald-10: oklch(0.5 0.12 160);
+  --emerald-11: oklch(0.43 0.0884 160);
+  --emerald-12: oklch(0.32 0.0505 160);
+
+}
+
+.dark {
+  /* ── Pink — Blooming Lotus — H:360 ── */
+  --pink-1:  oklch(0.11 0.005 360);
+  --pink-2:  oklch(0.17 0.015 360);
+  --pink-3:  oklch(0.23 0.04 360);
+  --pink-4:  oklch(0.29 0.06 360);
+  --pink-5:  oklch(0.34 0.08 360);
+  --pink-6:  oklch(0.38 0.1 360);
+  --pink-7:  oklch(0.44 0.13 360);
+  --pink-8:  oklch(0.53 0.18 360);
+  --pink-9:  oklch(0.63 0.209 360);
+  --pink-10: oklch(0.58 0.209 360);
+  --pink-11: oklch(0.76 0.13 360);
+  --pink-12: oklch(0.88 0.05 360);
+
+  /* ── Purple — Secondary accent — H:300 ── */
+  --purple-1:  oklch(0.11 0.0032 300);
+  --purple-2:  oklch(0.17 0.0095 300);
+  --purple-3:  oklch(0.23 0.0253 300);
+  --purple-4:  oklch(0.29 0.0379 300);
+  --purple-5:  oklch(0.34 0.0505 300);
+  --purple-6:  oklch(0.38 0.0632 300);
+  --purple-7:  oklch(0.44 0.0821 300);
+  --purple-8:  oklch(0.53 0.1137 300);
+  --purple-9:  oklch(0.63 0.132 300);
+  --purple-10: oklch(0.58 0.132 300);
+  --purple-11: oklch(0.76 0.0821 300);
+  --purple-12: oklch(0.88 0.0316 300);
+
+  /* ── Neutral — Warm grays — H:350 ── */
+  --neutral-1:  oklch(0.11 0.0002 350);
+  --neutral-2:  oklch(0.17 0.0007 350);
+  --neutral-3:  oklch(0.23 0.0019 350);
+  --neutral-4:  oklch(0.29 0.0029 350);
+  --neutral-5:  oklch(0.34 0.0038 350);
+  --neutral-6:  oklch(0.38 0.0048 350);
+  --neutral-7:  oklch(0.44 0.0062 350);
+  --neutral-8:  oklch(0.53 0.0086 350);
+  --neutral-9:  oklch(0.63 0.01 350);
+  --neutral-10: oklch(0.58 0.01 350);
+  --neutral-11: oklch(0.76 0.0062 350);
+  --neutral-12: oklch(0.88 0.0024 350);
+
+  /* ── Red — H:25 ── */
+  --red-1:  oklch(0.11 0.0047 25);
+  --red-2:  oklch(0.17 0.0142 25);
+  --red-3:  oklch(0.23 0.0379 25);
+  --red-4:  oklch(0.29 0.0568 25);
+  --red-5:  oklch(0.34 0.0758 25);
+  --red-6:  oklch(0.38 0.0947 25);
+  --red-7:  oklch(0.44 0.1232 25);
+  --red-8:  oklch(0.53 0.1705 25);
+  --red-9:  oklch(0.63 0.198 25);
+  --red-10: oklch(0.58 0.198 25);
+  --red-11: oklch(0.76 0.1232 25);
+  --red-12: oklch(0.88 0.0474 25);
+
+  /* ── Green — H:145 ── */
+  --green-1:  oklch(0.11 0.0037 145);
+  --green-2:  oklch(0.17 0.0111 145);
+  --green-3:  oklch(0.23 0.0295 145);
+  --green-4:  oklch(0.29 0.0442 145);
+  --green-5:  oklch(0.34 0.0589 145);
+  --green-6:  oklch(0.38 0.0737 145);
+  --green-7:  oklch(0.44 0.0958 145);
+  --green-8:  oklch(0.53 0.1326 145);
+  --green-9:  oklch(0.63 0.154 145);
+  --green-10: oklch(0.58 0.154 145);
+  --green-11: oklch(0.76 0.0958 145);
+  --green-12: oklch(0.88 0.0368 145);
+
+  /* ── Yellow — H:85 ── */
+  --yellow-1:  oklch(0.11 0.0037 85);
+  --yellow-2:  oklch(0.17 0.0111 85);
+  --yellow-3:  oklch(0.23 0.0295 85);
+  --yellow-4:  oklch(0.29 0.0442 85);
+  --yellow-5:  oklch(0.34 0.0589 85);
+  --yellow-6:  oklch(0.38 0.0737 85);
+  --yellow-7:  oklch(0.44 0.0958 85);
+  --yellow-8:  oklch(0.53 0.1326 85);
+  --yellow-9:  oklch(0.63 0.154 85);
+  --yellow-10: oklch(0.58 0.154 85);
+  --yellow-11: oklch(0.76 0.0958 85);
+  --yellow-12: oklch(0.88 0.0368 85);
+
+  /* ── Blue — H:240 ── */
+  --blue-1:  oklch(0.11 0.0032 240);
+  --blue-2:  oklch(0.17 0.0095 240);
+  --blue-3:  oklch(0.23 0.0253 240);
+  --blue-4:  oklch(0.29 0.0379 240);
+  --blue-5:  oklch(0.34 0.0505 240);
+  --blue-6:  oklch(0.38 0.0632 240);
+  --blue-7:  oklch(0.44 0.0821 240);
+  --blue-8:  oklch(0.53 0.1137 240);
+  --blue-9:  oklch(0.63 0.132 240);
+  --blue-10: oklch(0.58 0.132 240);
+  --blue-11: oklch(0.76 0.0821 240);
+  --blue-12: oklch(0.88 0.0316 240);
+
+  /* ── Teal — Mayur (मयूर) — H:175 ── */
+  --teal-1:  oklch(0.11 0.0026 175);
+  --teal-2:  oklch(0.17 0.0079 175);
+  --teal-3:  oklch(0.23 0.0211 175);
+  --teal-4:  oklch(0.29 0.0316 175);
+  --teal-5:  oklch(0.34 0.0421 175);
+  --teal-6:  oklch(0.38 0.0526 175);
+  --teal-7:  oklch(0.44 0.0684 175);
+  --teal-8:  oklch(0.53 0.0947 175);
+  --teal-9:  oklch(0.63 0.11 175);
+  --teal-10: oklch(0.58 0.11 175);
+  --teal-11: oklch(0.76 0.0684 175);
+  --teal-12: oklch(0.88 0.0263 175);
+
+  /* ── Amber — Kesar (केसर) — H:70 ── */
+  --amber-1:  oklch(0.11 0.0032 70);
+  --amber-2:  oklch(0.17 0.0095 70);
+  --amber-3:  oklch(0.23 0.0253 70);
+  --amber-4:  oklch(0.29 0.0379 70);
+  --amber-5:  oklch(0.34 0.0505 70);
+  --amber-6:  oklch(0.38 0.0632 70);
+  --amber-7:  oklch(0.44 0.0821 70);
+  --amber-8:  oklch(0.53 0.1137 70);
+  --amber-9:  oklch(0.63 0.132 70);
+  --amber-10: oklch(0.58 0.132 70);
+  --amber-11: oklch(0.76 0.0821 70);
+  --amber-12: oklch(0.88 0.0316 70);
+
+  /* ── Slate — Megha (मेघ) — H:260 ── */
+  --slate-1:  oklch(0.11 0.0011 260);
+  --slate-2:  oklch(0.17 0.0032 260);
+  --slate-3:  oklch(0.23 0.0084 260);
+  --slate-4:  oklch(0.29 0.0126 260);
+  --slate-5:  oklch(0.34 0.0168 260);
+  --slate-6:  oklch(0.38 0.0211 260);
+  --slate-7:  oklch(0.44 0.0274 260);
+  --slate-8:  oklch(0.53 0.0379 260);
+  --slate-9:  oklch(0.63 0.044 260);
+  --slate-10: oklch(0.58 0.044 260);
+  --slate-11: oklch(0.76 0.0274 260);
+  --slate-12: oklch(0.88 0.0105 260);
+
+  /* ── Indigo — Neel (नील) — H:275 ── */
+  --indigo-1:  oklch(0.11 0.0037 275);
+  --indigo-2:  oklch(0.17 0.0111 275);
+  --indigo-3:  oklch(0.23 0.0295 275);
+  --indigo-4:  oklch(0.29 0.0442 275);
+  --indigo-5:  oklch(0.34 0.0589 275);
+  --indigo-6:  oklch(0.38 0.0737 275);
+  --indigo-7:  oklch(0.44 0.0958 275);
+  --indigo-8:  oklch(0.53 0.1326 275);
+  --indigo-9:  oklch(0.63 0.154 275);
+  --indigo-10: oklch(0.58 0.154 275);
+  --indigo-11: oklch(0.76 0.0958 275);
+  --indigo-12: oklch(0.88 0.0368 275);
+
+  /* ── Cyan — Samudra (समुद्र) — H:210 ── */
+  --cyan-1:  oklch(0.11 0.0026 210);
+  --cyan-2:  oklch(0.17 0.0079 210);
+  --cyan-3:  oklch(0.23 0.0211 210);
+  --cyan-4:  oklch(0.29 0.0316 210);
+  --cyan-5:  oklch(0.34 0.0421 210);
+  --cyan-6:  oklch(0.38 0.0526 210);
+  --cyan-7:  oklch(0.44 0.0684 210);
+  --cyan-8:  oklch(0.53 0.0947 210);
+  --cyan-9:  oklch(0.63 0.11 210);
+  --cyan-10: oklch(0.58 0.11 210);
+  --cyan-11: oklch(0.76 0.0684 210);
+  --cyan-12: oklch(0.88 0.0263 210);
+
+  /* ── Orange — Agni (अग्नि) — H:50 ── */
+  --orange-1:  oklch(0.11 0.0037 50);
+  --orange-2:  oklch(0.17 0.0111 50);
+  --orange-3:  oklch(0.23 0.0295 50);
+  --orange-4:  oklch(0.29 0.0442 50);
+  --orange-5:  oklch(0.34 0.0589 50);
+  --orange-6:  oklch(0.38 0.0737 50);
+  --orange-7:  oklch(0.44 0.0958 50);
+  --orange-8:  oklch(0.53 0.1326 50);
+  --orange-9:  oklch(0.63 0.154 50);
+  --orange-10: oklch(0.58 0.154 50);
+  --orange-11: oklch(0.76 0.0958 50);
+  --orange-12: oklch(0.88 0.0368 50);
+
+  /* ── Emerald — Panna (पन्ना) — H:160 ── */
+  --emerald-1:  oklch(0.11 0.0032 160);
+  --emerald-2:  oklch(0.17 0.0095 160);
+  --emerald-3:  oklch(0.23 0.0253 160);
+  --emerald-4:  oklch(0.29 0.0379 160);
+  --emerald-5:  oklch(0.34 0.0505 160);
+  --emerald-6:  oklch(0.38 0.0632 160);
+  --emerald-7:  oklch(0.44 0.0821 160);
+  --emerald-8:  oklch(0.53 0.1137 160);
+  --emerald-9:  oklch(0.63 0.132 160);
+  --emerald-10: oklch(0.58 0.132 160);
+  --emerald-11: oklch(0.76 0.0821 160);
+  --emerald-12: oklch(0.88 0.0316 160);
+
 }