@xenide-io/the-old-ui-theme 0.5.2 → 0.5.3

package/src/styles/themes.css

@@ -1,6 +1,6 @@
 /**
  * Colour-only themes — override semantic tokens via html[data-theme].
- * Structural tokens (--ph-radius-app, --ph-chrome-depth) live in globals.css.
+ * Structural tokens live in globals.css.
  */
 
 :root,
@@ -42,7 +42,7 @@
   --ph-border-3000: #dadbd2;
   --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.84);
   --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.05);
-  --ph-accent-highlight-secondary: hsla(19deg 100% 48% / 10%);
+  --ph-accent-highlight-secondary: hsl(19deg 100% 48% / 10%);
 
   --ph-data-1: #1d4aff;
   --ph-data-2: #621da6;
@@ -52,14 +52,13 @@
   --ph-data-6: #529a0a;
   --ph-data-7: #fe729e;
 
-  --ph-product-session-replay: rgb(235 162 18);
-  --ph-product-product-analytics: rgb(47 128 250);
-  --ph-product-data-pipeline: rgb(46 162 211);
-  --ph-product-feature-flags: rgb(48 171 198);
-  --ph-product-experiments: rgb(182 42 217);
-  --ph-product-data-warehouse: rgb(133 103 255);
-  --ph-product-surveys: rgb(243 84 84);
-
+  --ph-product-session-replay: var(--ph-data-1);
+  --ph-product-product-analytics: var(--ph-data-2);
+  --ph-product-data-pipeline: var(--ph-data-3);
+  --ph-product-feature-flags: var(--ph-data-4);
+  --ph-product-experiments: var(--ph-data-5);
+  --ph-product-data-warehouse: var(--ph-data-6);
+  --ph-product-surveys: var(--ph-data-7);
   --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b6b6b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
 }
 
@@ -131,434 +130,122 @@
   --ph-secondary-button-border-hover: hsl(220 5% 42%);
 
   --ph-border-3000: hsl(220 7% 20%);
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.08);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(19deg 100% 52% / 14%);
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23a3a3a3' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="catppuccin-light"] {
-  color-scheme: light;
-
-  --ph-canvas: #eff1f5;
-  --ph-surface: #ffffff;
-  --ph-muted: #e6e9ef;
-  --ph-toolbar: #dce0e8;
-  --ph-border: #ccd0da;
-  --ph-border-strong: #9ca0b0;
-
-  --ph-text-primary: #4c4f69;
-  --ph-text-secondary: #6c6f85;
-  --ph-text-tertiary: #9ca0b0;
-
-  --ph-accent: #8839ef;
-  --ph-accent-hover: #7c32d9;
-  --ph-blue: #1e66f5;
-  --ph-violet: #8839ef;
-  --ph-purple: #8839ef;
-
-  --ph-success: #40a02b;
-  --ph-warning: #df8e1d;
-  --ph-danger: #d20f39;
-  --ph-info: #1e66f5;
-
-  --ph-text-3000: #4c4f69;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #7c32d9;
-  --ph-primary-button-border-hover: #6b28c4;
-  --ph-primary-frame-bg: #cba6f7;
-  --ph-secondary-button-bg: #e6e9ef;
-  --ph-secondary-frame-bg: #dce0e8;
-  --ph-secondary-button-border: #ccd0da;
-  --ph-secondary-button-border-hover: #9ca0b0;
-
-  --ph-border-3000: #ccd0da;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.9);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.04);
-  --ph-accent-highlight-secondary: hsla(266deg 85% 58% / 12%);
-
-  --ph-data-1: #1e66f5;
-  --ph-data-2: #8839ef;
-  --ph-data-3: #179299;
-  --ph-data-4: #d20f39;
-  --ph-data-5: #fe640b;
-  --ph-data-6: #40a02b;
-  --ph-data-7: #ea76cb;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239ca0b0' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="catppuccin-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #1e1e2e;
-  --ph-surface: #181825;
-  --ph-muted: #181825;
-  --ph-toolbar: #11111b;
-  --ph-border: #45475a;
-  --ph-border-strong: #585b70;
-
-  --ph-text-primary: #cdd6f4;
-  --ph-text-secondary: #a6adc8;
-  --ph-text-tertiary: #7f849c;
-
-  --ph-accent: #cba6f7;
-  --ph-accent-hover: #d9b8ff;
-  --ph-blue: #89b4fa;
-  --ph-violet: #cba6f7;
-  --ph-purple: #cba6f7;
-
-  --ph-success: #a6e3a1;
-  --ph-warning: #f9e2af;
-  --ph-danger: #f38ba8;
-  --ph-info: #89b4fa;
-
-  --ph-text-3000: #cdd6f4;
-  --ph-primary-button-face: #181825;
-  --ph-primary-button-border: #b4befe;
-  --ph-primary-button-border-hover: #cba6f7;
-  --ph-primary-frame-bg: #fab387;
-  --ph-secondary-button-bg: #313244;
-  --ph-secondary-frame-bg: #45475a;
-  --ph-secondary-button-border: #585b70;
-  --ph-secondary-button-border-hover: #6c7086;
-
-  --ph-border-3000: #313244;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.07);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.3);
-  --ph-accent-highlight-secondary: hsla(267deg 84% 81% / 14%);
-
-  --ph-data-1: #89b4fa;
-  --ph-data-2: #cba6f7;
-  --ph-data-3: #94e2d5;
-  --ph-data-4: #f38ba8;
-  --ph-data-5: #fab387;
-  --ph-data-6: #a6e3a1;
-  --ph-data-7: #f5c2e7;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%237f849c' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-accent-highlight-secondary: hsl(19deg 100% 52% / 14%);
 }
 
-[data-theme="sheets"] {
+[data-theme="note"] {
   color-scheme: light;
-
-  --ph-canvas: #f3f2f1;
+  --ph-canvas: #f8f6fc;
   --ph-surface: #ffffff;
-  --ph-muted: #edebe9;
-  --ph-toolbar: #e1dfdd;
-  --ph-border: #d2d0ce;
-  --ph-border-strong: #a19f9d;
-
-  --ph-text-primary: #323130;
-  --ph-text-secondary: #605e5c;
-  --ph-text-tertiary: #8a8886;
-
-  --ph-accent: #217346;
-  --ph-accent-hover: #185c37;
+  --ph-muted: #f3eff9;
+  --ph-toolbar: #ebe4f5;
+  --ph-border: #ddd0ee;
+  --ph-border-strong: #9b7bb8;
+  --ph-text-primary: #2d1b3d;
+  --ph-text-secondary: #5c4a6e;
+  --ph-text-tertiary: #857396;
+  --ph-accent: #7719aa;
+  --ph-accent-hover: #5f1488;
   --ph-blue: #185abd;
-  --ph-violet: #5c2d91;
-  --ph-purple: #8764b8;
-
-  --ph-success: #217346;
+  --ph-violet: #7719aa;
+  --ph-purple: #93278f;
+  --ph-success: #107c41;
   --ph-warning: #ca5010;
   --ph-danger: #a4262c;
   --ph-info: #185abd;
-
-  --ph-text-3000: #323130;
+  --ph-text-3000: #2d1b3d;
   --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #185c37;
-  --ph-primary-button-border-hover: #134a2c;
-  --ph-primary-frame-bg: #2d9660;
-  --ph-secondary-button-bg: #f3f2f1;
-  --ph-secondary-frame-bg: #e1dfdd;
-  --ph-secondary-button-border: #c8c6c4;
-  --ph-secondary-button-border-hover: #a19f9d;
-
-  --ph-border-3000: #d2d0ce;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.88);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.05);
-  --ph-accent-highlight-secondary: hsla(152deg 61% 29% / 10%);
-
-  --ph-data-1: #185abd;
-  --ph-data-2: #217346;
-  --ph-data-3: #498205;
+  --ph-primary-button-border: #5f1488;
+  --ph-primary-button-border-hover: #4a1070;
+  --ph-primary-frame-bg: #b146c2;
+  --ph-secondary-button-bg: #f3eff9;
+  --ph-secondary-frame-bg: #ebe4f5;
+  --ph-secondary-button-border: #ddd0ee;
+  --ph-secondary-button-border-hover: #93278f;
+  --ph-border-3000: #ddd0ee;
+  --ph-accent-highlight-secondary: hsl(279deg 74% 38% / 10%);
+  --ph-data-1: #7719aa;
+  --ph-data-2: #93278f;
+  --ph-data-3: #185abd;
   --ph-data-4: #a4262c;
   --ph-data-5: #ca5010;
-  --ph-data-6: #0078d4;
-  --ph-data-7: #8764b8;
-
-  --ph-product-session-replay: #217346;
-  --ph-product-product-analytics: #185abd;
-  --ph-product-data-pipeline: #0078d4;
-  --ph-product-feature-flags: #498205;
-  --ph-product-experiments: #8764b8;
-  --ph-product-data-warehouse: #5c2d91;
-  --ph-product-surveys: #a4262c;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238a8886' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="socials"] {
-  color-scheme: light;
-
-  --ph-canvas: #f0f2f5;
-  --ph-surface: #ffffff;
-  --ph-muted: #e4e6eb;
-  --ph-toolbar: #d8dadf;
-  --ph-border: #ced0d4;
-  --ph-border-strong: #8a8d91;
-
-  --ph-text-primary: #050505;
-  --ph-text-secondary: #65676b;
-  --ph-text-tertiary: #8a8d91;
-
-  --ph-accent: #1877f2;
-  --ph-accent-hover: #166fe5;
-  --ph-blue: #1877f2;
-  --ph-violet: #7b64ff;
-  --ph-purple: #7b64ff;
-
-  --ph-success: #31a24c;
-  --ph-warning: #f7b928;
-  --ph-danger: #e41e3f;
-  --ph-info: #1877f2;
-
-  --ph-text-3000: #050505;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #145dbf;
-  --ph-primary-button-border-hover: #0f4da8;
-  --ph-primary-frame-bg: #4599ff;
-  --ph-secondary-button-bg: #e4e6eb;
-  --ph-secondary-frame-bg: #d8dadf;
-  --ph-secondary-button-border: #bcc0c4;
-  --ph-secondary-button-border-hover: #8a8d91;
-
-  --ph-border-3000: #ced0d4;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.9);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.04);
-  --ph-accent-highlight-secondary: hsla(214deg 89% 52% / 10%);
-
-  --ph-data-1: #1877f2;
-  --ph-data-2: #7b64ff;
-  --ph-data-3: #31a24c;
-  --ph-data-4: #e41e3f;
-  --ph-data-5: #f7b928;
-  --ph-data-6: #00a400;
-  --ph-data-7: #f5533d;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238a8d91' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-/* xenide.io — from ../website/app/globals.css html:not(.dark) */
-[data-theme="xenide-light"] {
-  color-scheme: light;
-
-  --ph-canvas: #fafafa;
-  --ph-surface: #ffffff;
-  --ph-muted: #f5f5f5;
-  --ph-toolbar: #efefef;
-  --ph-border: #e5e5e5;
-  --ph-border-strong: #737373;
-
-  --ph-text-primary: #171717;
-  --ph-text-secondary: #525252;
-  --ph-text-tertiary: #737373;
-
-  --ph-accent: #217346;
-  --ph-accent-hover: #185c37;
-  --ph-blue: #10b981;
-  --ph-violet: #7c3aed;
-  --ph-purple: #7c3aed;
-
-  --ph-success: #10b981;
-  --ph-warning: #d97706;
-  --ph-danger: #ef4444;
-  --ph-info: #7c3aed;
-
-  --ph-text-3000: #171717;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #185c37;
-  --ph-primary-button-border-hover: #134a2c;
-  --ph-primary-frame-bg: #2ead5f;
-  --ph-secondary-button-bg: #f5f5f5;
-  --ph-secondary-frame-bg: #ebebeb;
-  --ph-secondary-button-border: #e5e5e5;
-  --ph-secondary-button-border-hover: #7c3aed;
-
-  --ph-border-3000: #e5e5e5;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.9);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.04);
-  --ph-accent-highlight-secondary: rgba(124, 58, 237, 0.14);
-
-  --ph-data-1: #217346;
-  --ph-data-2: #7c3aed;
-  --ph-data-3: #10b981;
-  --ph-data-4: #ef4444;
-  --ph-data-5: #9f7aea;
-  --ph-data-6: #2ead5f;
-  --ph-data-7: #5b21b6;
-
-  --ph-product-session-replay: #217346;
-  --ph-product-product-analytics: #7c3aed;
-  --ph-product-data-pipeline: #10b981;
-  --ph-product-feature-flags: #2ead5f;
-  --ph-product-experiments: #9f7aea;
-  --ph-product-data-warehouse: #5b21b6;
-  --ph-product-surveys: #ef4444;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23737373' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-data-6: #107c41;
+  --ph-data-7: #b146c2;
 }
 
-/* xenide.io — from ../website/app/globals.css html.dark */
-[data-theme="xenide-dark"] {
+[data-theme="note-dark"] {
   color-scheme: dark;
-
-  --ph-canvas: #0a0a0f;
-  --ph-surface: #111118;
-  --ph-muted: #16161f;
-  --ph-toolbar: #1c1c26;
-  --ph-border: #2e2e3a;
-  --ph-border-strong: #71717a;
-
-  --ph-text-primary: #f4f4f5;
-  --ph-text-secondary: #a1a1aa;
-  --ph-text-tertiary: #71717a;
-
-  --ph-accent: #34d399;
-  --ph-accent-hover: #6ee7b7;
-  --ph-blue: #22d3ee;
-  --ph-violet: #a78bfa;
-  --ph-purple: #a78bfa;
-
-  --ph-success: #34d399;
-  --ph-warning: #fbbf24;
-  --ph-danger: #dc2626;
-  --ph-info: #a78bfa;
-
-  --ph-text-3000: #f4f4f5;
-  --ph-primary-button-face: #111118;
-  --ph-primary-button-border: #217346;
-  --ph-primary-button-border-hover: #34d399;
-  --ph-primary-frame-bg: #34d399;
-  --ph-secondary-button-bg: #16161f;
-  --ph-secondary-frame-bg: #2e2e3a;
-  --ph-secondary-button-border: #2e2e3a;
-  --ph-secondary-button-border-hover: #7c3aed;
-
-  --ph-border-3000: #25252f;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.06);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.4);
-  --ph-accent-highlight-secondary: rgba(167, 139, 250, 0.14);
-
-  --ph-data-1: #34d399;
-  --ph-data-2: #a78bfa;
-  --ph-data-3: #22d3ee;
+  --ph-canvas: #1a1224;
+  --ph-surface: #221830;
+  --ph-muted: #2a1f3d;
+  --ph-toolbar: #322648;
+  --ph-surface-inset: #21162f;
+  --ph-surface-raised: #2a1f3d;
+  --ph-surface-overlay: #34284a;
+  --ph-border: #4a3860;
+  --ph-border-strong: #9b7bb8;
+  --ph-text-primary: #f0e8f8;
+  --ph-text-secondary: #c4b5d8;
+  --ph-text-tertiary: #9b7bb8;
+  --ph-accent: #b146c2;
+  --ph-accent-hover: #c96bd4;
+  --ph-blue: #4f9ff5;
+  --ph-violet: #b146c2;
+  --ph-purple: #93278f;
+  --ph-success: #33a867;
+  --ph-warning: #e67e22;
+  --ph-danger: #f87171;
+  --ph-info: #4f9ff5;
+  --ph-on-accent: #ffffff;
+  --ph-on-violet: #ffffff;
+  --ph-on-success: #ffffff;
+  --ph-on-warning: #211606;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #ffffff;
+  --ph-focus-ring: #c96bd4;
+  --ph-selected-bg: #3a254c;
+  --ph-selected-text: #f0c9f5;
+  --ph-selected-border: #8d4c9c;
+  --ph-text-3000: #f0e8f8;
+  --ph-primary-button-face: #221830;
+  --ph-primary-button-border: #7719aa;
+  --ph-primary-button-border-hover: #b146c2;
+  --ph-primary-frame-bg: #b146c2;
+  --ph-secondary-button-bg: #2a1f3d;
+  --ph-secondary-frame-bg: #4a3860;
+  --ph-secondary-button-border: #4a3860;
+  --ph-secondary-button-border-hover: #93278f;
+  --ph-border-3000: #322648;
+  --ph-accent-highlight-secondary: hsl(291deg 48% 54% / 14%);
+  --ph-data-1: #b146c2;
+  --ph-data-2: #93278f;
+  --ph-data-3: #4f9ff5;
   --ph-data-4: #f87171;
-  --ph-data-5: #c4b5fd;
-  --ph-data-6: #6ee7b7;
-  --ph-data-7: #7c3aed;
-
-  --ph-product-session-replay: #34d399;
-  --ph-product-product-analytics: #a78bfa;
-  --ph-product-data-pipeline: #22d3ee;
-  --ph-product-feature-flags: #6ee7b7;
-  --ph-product-experiments: #c4b5fd;
-  --ph-product-data-warehouse: #7c3aed;
-  --ph-product-surveys: #f87171;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2371717a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="bikini-bottom"] {
-  color-scheme: light;
-
-  /* Ocean canvas — character colours stay on accents, not surfaces */
-  --ph-canvas: #dceefb;
-  --ph-surface: #ffffff;
-  --ph-muted: #eef6fc;
-  --ph-toolbar: #e3f2fd;
-  --ph-border: #90caf9;
-  --ph-border-strong: #1565c0;
-
-  --ph-text-primary: #0d2137;
-  --ph-text-secondary: #1e4976;
-  --ph-text-tertiary: #4a6fa5;
-
-  /* SpongeBob yellow */
-  --ph-accent: #f5b800;
-  --ph-accent-hover: #e6a800;
-  --ph-blue: #29b6f6;
-  /* Patrick pink */
-  --ph-violet: #e91e8c;
-  --ph-purple: #e91e8c;
-
-  /* Plankton green */
-  --ph-success: #43a047;
-  /* Sandy tan */
-  --ph-warning: #d4a574;
-  --ph-danger: #e91e8c;
-  --ph-info: #29b6f6;
-
-  --ph-text-3000: #0d2137;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #c68400;
-  --ph-primary-button-border-hover: #a36f00;
-  --ph-primary-frame-bg: #ffc107;
-  --ph-secondary-button-bg: #ffffff;
-  --ph-secondary-frame-bg: #ffcdd2;
-  --ph-secondary-button-border: #e91e8c;
-  --ph-secondary-button-border-hover: #c2185b;
-
-  --ph-border-3000: #90caf9;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.95);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.06);
-  --ph-accent-highlight-secondary: hsla(45deg 100% 48% / 14%);
-
-  --ph-data-1: #ffc107;
-  --ph-data-2: #e91e8c;
-  --ph-data-3: #d4a574;
-  --ph-data-4: #43a047;
-  --ph-data-5: #29b6f6;
-  --ph-data-6: #ff9800;
-  --ph-data-7: #7b1fa2;
-
-  --ph-product-session-replay: #ffc107;
-  --ph-product-product-analytics: #29b6f6;
-  --ph-product-data-pipeline: #0288d1;
-  --ph-product-feature-flags: #43a047;
-  --ph-product-experiments: #e91e8c;
-  --ph-product-data-warehouse: #d4a574;
-  --ph-product-surveys: #7b1fa2;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%234a6fa5' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-data-5: #e67e22;
+  --ph-data-6: #33a867;
+  --ph-data-7: #7719aa;
 }
 
 [data-theme="turtletime"] {
   color-scheme: light;
-
   --ph-canvas: hsl(75 14% 95%);
   --ph-surface: #ffffff;
   --ph-muted: hsl(70 16% 93%);
   --ph-toolbar: hsl(77 13% 89%);
   --ph-border: hsl(78 13% 85%);
   --ph-border-strong: hsl(69 8% 65%);
-
   --ph-text-primary: hsl(0 0% 5%);
   --ph-text-secondary: hsl(0 0% 25%);
   --ph-text-tertiary: hsl(0 0% 42%);
-
   --ph-accent: #1f6f43;
   --ph-accent-hover: #185c37;
   --ph-blue: #2f7f73;
   --ph-violet: #9a6a12;
   --ph-purple: #6f8a2c;
-
   --ph-success: #1f6f43;
   --ph-warning: #d97800;
   --ph-danger: #b24b2c;
   --ph-info: #2f7f73;
-
   --ph-text-3000: hsl(0 0% 5%);
   --ph-primary-button-face: #ffffff;
   --ph-primary-button-border: #185c37;
@@ -568,12 +255,8 @@
   --ph-secondary-frame-bg: #e1dddd;
   --ph-secondary-button-border: #cccccc;
   --ph-secondary-button-border-hover: #1f6f43;
-
   --ph-border-3000: #dadbd2;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.84);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.05);
-  --ph-accent-highlight-secondary: hsla(148deg 56% 28% / 12%);
-
+  --ph-accent-highlight-secondary: hsl(148deg 56% 28% / 12%);
   --ph-data-1: #1f6f43;
   --ph-data-2: #d97800;
   --ph-data-3: #2f7f73;
@@ -581,1045 +264,166 @@
   --ph-data-5: #e58a12;
   --ph-data-6: #6f8a2c;
   --ph-data-7: #9a6a12;
+}
 
-  --ph-product-session-replay: #d97800;
-  --ph-product-product-analytics: #1f6f43;
-  --ph-product-data-pipeline: #2f7f73;
-  --ph-product-feature-flags: #6f8a2c;
-  --ph-product-experiments: #e58a12;
-  --ph-product-data-warehouse: #9a6a12;
-  --ph-product-surveys: #b24b2c;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b6b6b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+[data-theme="turtletime-dark"] {
+  color-scheme: dark;
+  --ph-canvas: #0d120f;
+  --ph-surface: #151b17;
+  --ph-muted: #1c241f;
+  --ph-toolbar: #243027;
+  --ph-surface-inset: #121a15;
+  --ph-surface-raised: #1c241f;
+  --ph-surface-overlay: #253027;
+  --ph-border: #334538;
+  --ph-border-strong: #66806b;
+  --ph-text-primary: #eef4e9;
+  --ph-text-secondary: #c7d5c0;
+  --ph-text-tertiary: #91a28a;
+  --ph-accent: #3f8f57;
+  --ph-accent-hover: #55a96b;
+  --ph-blue: #57b3a3;
+  --ph-violet: #d4861a;
+  --ph-purple: #8fa64a;
+  --ph-success: #55a96b;
+  --ph-warning: #e58a12;
+  --ph-danger: #e06a49;
+  --ph-info: #57b3a3;
+  --ph-on-accent: #eef4e9;
+  --ph-on-violet: #151b17;
+  --ph-on-success: #071b10;
+  --ph-on-warning: #211606;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #071b10;
+  --ph-focus-ring: #8fcf9e;
+  --ph-selected-bg: #243c2b;
+  --ph-selected-text: #b9e4bd;
+  --ph-selected-border: #4c8c59;
+  --ph-text-3000: #eef4e9;
+  --ph-primary-button-face: #151b17;
+  --ph-primary-button-border: #2d6f43;
+  --ph-primary-button-border-hover: #55a96b;
+  --ph-primary-frame-bg: #d4861a;
+  --ph-secondary-button-bg: #1c241f;
+  --ph-secondary-frame-bg: #334538;
+  --ph-secondary-button-border: #405745;
+  --ph-secondary-button-border-hover: #55a96b;
+  --ph-border-3000: #243027;
+  --ph-accent-highlight-secondary: hsl(139deg 39% 40% / 18%);
+  --ph-data-1: #55a96b;
+  --ph-data-2: #e58a12;
+  --ph-data-3: #57b3a3;
+  --ph-data-4: #e06a49;
+  --ph-data-5: #f3b14c;
+  --ph-data-6: #8fa64a;
+  --ph-data-7: #b8791b;
 }
 
-/* Microsoft OneNote — notebook purple (#7719AA family) */
-[data-theme="note"] {
+[data-theme="rosepine-light"] {
   color-scheme: light;
-
-  --ph-canvas: #f8f6fc;
-  --ph-surface: #ffffff;
-  --ph-muted: #f3eff9;
-  --ph-toolbar: #ebe4f5;
-  --ph-border: #ddd0ee;
-  --ph-border-strong: #9b7bb8;
-
-  --ph-text-primary: #2d1b3d;
-  --ph-text-secondary: #5c4a6e;
-  --ph-text-tertiary: #857396;
-
-  --ph-accent: #7719aa;
-  --ph-accent-hover: #5f1488;
-  --ph-blue: #185abd;
-  --ph-violet: #7719aa;
-  --ph-purple: #93278f;
-
-  --ph-success: #107c41;
-  --ph-warning: #ca5010;
-  --ph-danger: #a4262c;
-  --ph-info: #185abd;
-
-  --ph-text-3000: #2d1b3d;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #5f1488;
-  --ph-primary-button-border-hover: #4a1070;
-  --ph-primary-frame-bg: #b146c2;
-  --ph-secondary-button-bg: #f3eff9;
-  --ph-secondary-frame-bg: #ebe4f5;
-  --ph-secondary-button-border: #ddd0ee;
-  --ph-secondary-button-border-hover: #93278f;
-
-  --ph-border-3000: #ddd0ee;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.92);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.05);
-  --ph-accent-highlight-secondary: hsla(279deg 74% 38% / 10%);
-
-  --ph-data-1: #7719aa;
-  --ph-data-2: #93278f;
-  --ph-data-3: #185abd;
-  --ph-data-4: #a4262c;
-  --ph-data-5: #ca5010;
-  --ph-data-6: #107c41;
-  --ph-data-7: #b146c2;
-
-  --ph-product-session-replay: #7719aa;
-  --ph-product-product-analytics: #185abd;
-  --ph-product-data-pipeline: #107c41;
-  --ph-product-feature-flags: #93278f;
-  --ph-product-experiments: #b146c2;
-  --ph-product-data-warehouse: #5f1488;
-  --ph-product-surveys: #a4262c;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23857396' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-/* Microsoft PowerPoint — ribbon orange-red (#D24726) */
-[data-theme="presentation"] {
-  color-scheme: light;
-
-  --ph-canvas: #f3f2f1;
-  --ph-surface: #ffffff;
-  --ph-muted: #edebe9;
-  --ph-toolbar: #e1dfdd;
-  --ph-border: #d2d0ce;
-  --ph-border-strong: #a19f9d;
-
-  --ph-text-primary: #323130;
-  --ph-text-secondary: #605e5c;
-  --ph-text-tertiary: #8a8886;
-
-  --ph-accent: #d24726;
-  --ph-accent-hover: #b93d20;
-  --ph-blue: #185abd;
-  --ph-violet: #5c2d91;
-  --ph-purple: #8764b8;
-
-  --ph-success: #107c41;
-  --ph-warning: #ca5010;
-  --ph-danger: #a4262c;
-  --ph-info: #185abd;
-
-  --ph-text-3000: #323130;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #a53b1f;
-  --ph-primary-button-border-hover: #8f3219;
-  --ph-primary-frame-bg: #e8654a;
-  --ph-secondary-button-bg: #f3f2f1;
-  --ph-secondary-frame-bg: #e1dfdd;
-  --ph-secondary-button-border: #c8c6c4;
-  --ph-secondary-button-border-hover: #a19f9d;
-
-  --ph-border-3000: #d2d0ce;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.88);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.05);
-  --ph-accent-highlight-secondary: hsla(11deg 70% 49% / 10%);
-
-  --ph-data-1: #d24726;
-  --ph-data-2: #185abd;
-  --ph-data-3: #107c41;
-  --ph-data-4: #a4262c;
-  --ph-data-5: #ca5010;
-  --ph-data-6: #8764b8;
-  --ph-data-7: #0078d4;
-
-  --ph-product-session-replay: #d24726;
-  --ph-product-product-analytics: #185abd;
-  --ph-product-data-pipeline: #0078d4;
-  --ph-product-feature-flags: #107c41;
-  --ph-product-experiments: #8764b8;
-  --ph-product-data-warehouse: #5c2d91;
-  --ph-product-surveys: #a4262c;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238a8886' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="sheets-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #1b1a19;
-  --ph-surface: #252423;
-  --ph-muted: #2d2c2b;
-  --ph-toolbar: #323130;
-  --ph-border: #484644;
-  --ph-border-strong: #797775;
-
-  --ph-text-primary: #f3f2f1;
-  --ph-text-secondary: #c8c6c4;
-  --ph-text-tertiary: #a19f9d;
-
-  --ph-accent: #33a867;
-  --ph-accent-hover: #4abe7a;
-  --ph-blue: #4f9ff5;
-  --ph-violet: #a78bfa;
-  --ph-purple: #8764b8;
-
-  --ph-success: #33a867;
-  --ph-warning: #e67e22;
-  --ph-danger: #f87171;
-  --ph-info: #4f9ff5;
-
-  --ph-text-3000: #f3f2f1;
-  --ph-primary-button-face: #252423;
-  --ph-primary-button-border: #217346;
-  --ph-primary-button-border-hover: #33a867;
-  --ph-primary-frame-bg: #33a867;
-  --ph-secondary-button-bg: #2d2c2b;
-  --ph-secondary-frame-bg: #484644;
-  --ph-secondary-button-border: #605e5c;
-  --ph-secondary-button-border-hover: #797775;
-
-  --ph-border-3000: #323130;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.07);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(146deg 55% 45% / 14%);
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23a19f9d' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="socials-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #18191a;
-  --ph-surface: #242526;
-  --ph-muted: #2f3031;
-  --ph-toolbar: #3a3b3c;
-  --ph-border: #3e4042;
-  --ph-border-strong: #b0b3b8;
-
-  --ph-text-primary: #e4e6eb;
-  --ph-text-secondary: #b0b3b8;
-  --ph-text-tertiary: #8a8d91;
-
-  --ph-accent: #2d88ff;
-  --ph-accent-hover: #4599ff;
-  --ph-blue: #2d88ff;
-  --ph-violet: #9d84ff;
-  --ph-purple: #9d84ff;
-
-  --ph-success: #42b72a;
-  --ph-warning: #f7b928;
-  --ph-danger: #f02849;
-  --ph-info: #2d88ff;
-
-  --ph-text-3000: #e4e6eb;
-  --ph-primary-button-face: #242526;
-  --ph-primary-button-border: #1877f2;
-  --ph-primary-button-border-hover: #2d88ff;
-  --ph-primary-frame-bg: #4599ff;
-  --ph-secondary-button-bg: #3a3b3c;
-  --ph-secondary-frame-bg: #4e4f50;
-  --ph-secondary-button-border: #3e4042;
-  --ph-secondary-button-border-hover: #b0b3b8;
-
-  --ph-border-3000: #3e4042;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.06);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(214deg 89% 58% / 14%);
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23b0b3b8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="chats-light"] {
-  color-scheme: light;
-
-  --ph-canvas: #f8f8f8;
-  --ph-surface: #ffffff;
-  --ph-muted: #f4f4f4;
-  --ph-toolbar: #ececec;
-  --ph-border: #dddddd;
-  --ph-border-strong: #868686;
-
-  --ph-text-primary: #1d1c1d;
-  --ph-text-secondary: #616061;
-  --ph-text-tertiary: #868686;
-
-  --ph-accent: #611f69;
-  --ph-accent-hover: #4a154b;
-  --ph-blue: #36c5f0;
-  --ph-violet: #611f69;
-  --ph-purple: #611f69;
-
-  --ph-success: #2eb67d;
-  --ph-warning: #ecb22e;
-  --ph-danger: #e01e5a;
-  --ph-info: #36c5f0;
-
-  --ph-text-3000: #1d1c1d;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #4a154b;
-  --ph-primary-button-border-hover: #350d36;
-  --ph-primary-frame-bg: #611f69;
-  --ph-secondary-button-bg: #f4f4f4;
-  --ph-secondary-frame-bg: #ececec;
-  --ph-secondary-button-border: #dddddd;
-  --ph-secondary-button-border-hover: #611f69;
-
-  --ph-border-3000: #dddddd;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.92);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.05);
-  --ph-accent-highlight-secondary: hsla(295deg 52% 33% / 10%);
-
-  --ph-data-1: #611f69;
-  --ph-data-2: #2eb67d;
-  --ph-data-3: #36c5f0;
-  --ph-data-4: #e01e5a;
-  --ph-data-5: #ecb22e;
-  --ph-data-6: #4a154b;
-  --ph-data-7: #1264a3;
-
-  --ph-product-session-replay: #611f69;
-  --ph-product-product-analytics: #36c5f0;
-  --ph-product-data-pipeline: #2eb67d;
-  --ph-product-feature-flags: #ecb22e;
-  --ph-product-experiments: #e01e5a;
-  --ph-product-data-warehouse: #4a154b;
-  --ph-product-surveys: #1264a3;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23868686' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="chats-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #1a1d21;
-  --ph-surface: #222529;
-  --ph-muted: #2c2d30;
-  --ph-toolbar: #35373b;
-  --ph-border: #565856;
-  --ph-border-strong: #868686;
-
-  --ph-text-primary: #d1d2d3;
-  --ph-text-secondary: #ababad;
-  --ph-text-tertiary: #868686;
-
-  --ph-accent: #2eb67d;
-  --ph-accent-hover: #3ecf8e;
-  --ph-blue: #36c5f0;
-  --ph-violet: #ab7aad;
-  --ph-purple: #611f69;
-
-  --ph-success: #2eb67d;
-  --ph-warning: #ecb22e;
-  --ph-danger: #e01e5a;
-  --ph-info: #1d9bd1;
-
-  --ph-text-3000: #d1d2d3;
-  --ph-primary-button-face: #222529;
-  --ph-primary-button-border: #217a53;
-  --ph-primary-button-border-hover: #2eb67d;
-  --ph-primary-frame-bg: #2eb67d;
-  --ph-secondary-button-bg: #2c2d30;
-  --ph-secondary-frame-bg: #565856;
-  --ph-secondary-button-border: #565856;
-  --ph-secondary-button-border-hover: #ab7aad;
-
-  --ph-border-3000: #35373b;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.06);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(156deg 61% 45% / 14%);
-
-  --ph-data-1: #2eb67d;
-  --ph-data-2: #36c5f0;
-  --ph-data-3: #ecb22e;
-  --ph-data-4: #e01e5a;
-  --ph-data-5: #ab7aad;
-  --ph-data-6: #1d9bd1;
-  --ph-data-7: #611f69;
-
-  --ph-product-session-replay: #2eb67d;
-  --ph-product-product-analytics: #36c5f0;
-  --ph-product-data-pipeline: #1d9bd1;
-  --ph-product-feature-flags: #ecb22e;
-  --ph-product-experiments: #e01e5a;
-  --ph-product-data-warehouse: #611f69;
-  --ph-product-surveys: #ab7aad;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23ababad' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="bikini-bottom-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #0a1628;
-  --ph-surface: #122338;
-  --ph-muted: #1a3050;
-  --ph-toolbar: #1e3a5f;
-  --ph-border: #2a5080;
-  --ph-border-strong: #5c8fd4;
-
-  --ph-text-primary: #e8f4fc;
-  --ph-text-secondary: #a8cce8;
-  --ph-text-tertiary: #6a9fc9;
-
-  --ph-accent: #ffc107;
-  --ph-accent-hover: #ffd54f;
-  --ph-blue: #4fc3f7;
-  --ph-violet: #ff6b9d;
-  --ph-purple: #ff6b9d;
-
-  --ph-success: #66bb6a;
-  --ph-warning: #d4a574;
-  --ph-danger: #ff6b9d;
-  --ph-info: #29b6f6;
-
-  --ph-text-3000: #e8f4fc;
-  --ph-primary-button-face: #122338;
-  --ph-primary-button-border: #c68400;
-  --ph-primary-button-border-hover: #ffc107;
-  --ph-primary-frame-bg: #ffc107;
-  --ph-secondary-button-bg: #1a3050;
-  --ph-secondary-frame-bg: #2a5080;
-  --ph-secondary-button-border: #ff6b9d;
-  --ph-secondary-button-border-hover: #ff8fab;
-
-  --ph-border-3000: #1e3a5f;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.08);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(45deg 100% 51% / 14%);
-
-  --ph-data-1: #ffc107;
-  --ph-data-2: #ff6b9d;
-  --ph-data-3: #d4a574;
-  --ph-data-4: #66bb6a;
-  --ph-data-5: #4fc3f7;
-  --ph-data-6: #ff9800;
-  --ph-data-7: #ab47bc;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236a9fc9' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="turtletime-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #0d120f;
-  --ph-surface: #151b17;
-  --ph-muted: #1c241f;
-  --ph-toolbar: #243027;
-  --ph-border: #334538;
-  --ph-border-strong: #66806b;
-
-  --ph-text-primary: #eef4e9;
-  --ph-text-secondary: #c7d5c0;
-  --ph-text-tertiary: #91a28a;
-
-  --ph-accent: #3f8f57;
-  --ph-accent-hover: #55a96b;
-  --ph-blue: #57b3a3;
-  --ph-violet: #d4861a;
-  --ph-purple: #8fa64a;
-
-  --ph-success: #55a96b;
-  --ph-warning: #e58a12;
-  --ph-danger: #e06a49;
-  --ph-info: #57b3a3;
-
-  --ph-text-3000: #eef4e9;
-  --ph-primary-button-face: #151b17;
-  --ph-primary-button-border: #2d6f43;
-  --ph-primary-button-border-hover: #55a96b;
-  --ph-primary-frame-bg: #d4861a;
-  --ph-secondary-button-bg: #1c241f;
-  --ph-secondary-frame-bg: #334538;
-  --ph-secondary-button-border: #405745;
-  --ph-secondary-button-border-hover: #55a96b;
-
-  --ph-border-3000: #243027;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.08);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.38);
-  --ph-accent-highlight-secondary: hsla(139deg 39% 40% / 18%);
-
-  --ph-data-1: #55a96b;
-  --ph-data-2: #e58a12;
-  --ph-data-3: #57b3a3;
-  --ph-data-4: #e06a49;
-  --ph-data-5: #f3b14c;
-  --ph-data-6: #8fa64a;
-  --ph-data-7: #b8791b;
-
-  --ph-product-session-replay: #e58a12;
-  --ph-product-product-analytics: #55a96b;
-  --ph-product-data-pipeline: #57b3a3;
-  --ph-product-feature-flags: #8fa64a;
-  --ph-product-experiments: #f3b14c;
-  --ph-product-data-warehouse: #b8791b;
-  --ph-product-surveys: #e06a49;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2391a28a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="note-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #1a1224;
-  --ph-surface: #221830;
-  --ph-muted: #2a1f3d;
-  --ph-toolbar: #322648;
-  --ph-border: #4a3860;
-  --ph-border-strong: #9b7bb8;
-
-  --ph-text-primary: #f0e8f8;
-  --ph-text-secondary: #c4b5d8;
-  --ph-text-tertiary: #9b7bb8;
-
-  --ph-accent: #b146c2;
-  --ph-accent-hover: #c96bd4;
-  --ph-blue: #4f9ff5;
-  --ph-violet: #b146c2;
-  --ph-purple: #93278f;
-
-  --ph-success: #33a867;
-  --ph-warning: #e67e22;
-  --ph-danger: #f87171;
-  --ph-info: #4f9ff5;
-
-  --ph-text-3000: #f0e8f8;
-  --ph-primary-button-face: #221830;
-  --ph-primary-button-border: #7719aa;
-  --ph-primary-button-border-hover: #b146c2;
-  --ph-primary-frame-bg: #b146c2;
-  --ph-secondary-button-bg: #2a1f3d;
-  --ph-secondary-frame-bg: #4a3860;
-  --ph-secondary-button-border: #4a3860;
-  --ph-secondary-button-border-hover: #93278f;
-
-  --ph-border-3000: #322648;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.07);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(291deg 48% 54% / 14%);
-
-  --ph-data-1: #b146c2;
-  --ph-data-2: #93278f;
-  --ph-data-3: #4f9ff5;
-  --ph-data-4: #f87171;
-  --ph-data-5: #e67e22;
-  --ph-data-6: #33a867;
-  --ph-data-7: #7719aa;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239b7bb8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="presentation-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #1b1a19;
-  --ph-surface: #252423;
-  --ph-muted: #2d2c2b;
-  --ph-toolbar: #323130;
-  --ph-border: #484644;
-  --ph-border-strong: #797775;
-
-  --ph-text-primary: #f3f2f1;
-  --ph-text-secondary: #c8c6c4;
-  --ph-text-tertiary: #a19f9d;
-
-  --ph-accent: #e8654a;
-  --ph-accent-hover: #f07d62;
-  --ph-blue: #4f9ff5;
-  --ph-violet: #a78bfa;
-  --ph-purple: #8764b8;
-
-  --ph-success: #33a867;
-  --ph-warning: #e67e22;
-  --ph-danger: #f87171;
-  --ph-info: #4f9ff5;
-
-  --ph-text-3000: #f3f2f1;
-  --ph-primary-button-face: #252423;
-  --ph-primary-button-border: #b93d20;
-  --ph-primary-button-border-hover: #e8654a;
-  --ph-primary-frame-bg: #e8654a;
-  --ph-secondary-button-bg: #2d2c2b;
-  --ph-secondary-frame-bg: #484644;
-  --ph-secondary-button-border: #605e5c;
-  --ph-secondary-button-border-hover: #797775;
-
-  --ph-border-3000: #323130;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.07);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(11deg 70% 55% / 14%);
-
-  --ph-data-1: #e8654a;
-  --ph-data-2: #4f9ff5;
-  --ph-data-3: #33a867;
-  --ph-data-4: #f87171;
-  --ph-data-5: #e67e22;
-  --ph-data-6: #8764b8;
-  --ph-data-7: #0078d4;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23a19f9d' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="github-light"] {
-  color-scheme: light;
-
-  --ph-canvas: #f6f8fa;
-  --ph-surface: #ffffff;
-  --ph-muted: #f6f8fa;
-  --ph-toolbar: #eaeef2;
-  --ph-border: #d0d7de;
-  --ph-border-strong: #8c959f;
-
-  --ph-text-primary: #1f2328;
-  --ph-text-secondary: #656d76;
-  --ph-text-tertiary: #6e7781;
-
-  --ph-accent: #0969da;
-  --ph-accent-hover: #0550ae;
-  --ph-blue: #0969da;
-  --ph-violet: #8250df;
-  --ph-purple: #8250df;
-
-  --ph-success: #1a7f37;
-  --ph-warning: #9a6700;
-  --ph-danger: #cf222e;
-  --ph-info: #0969da;
-
-  --ph-text-3000: #1f2328;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #0550ae;
-  --ph-primary-button-border-hover: #033d8b;
-  --ph-primary-frame-bg: #0969da;
-  --ph-secondary-button-bg: #f6f8fa;
-  --ph-secondary-frame-bg: #eaeef2;
-  --ph-secondary-button-border: #d0d7de;
-  --ph-secondary-button-border-hover: #8c959f;
-
-  --ph-border-3000: #d0d7de;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.92);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.04);
-  --ph-accent-highlight-secondary: hsla(212deg 92% 45% / 10%);
-
-  --ph-data-1: #0969da;
-  --ph-data-2: #8250df;
-  --ph-data-3: #1a7f37;
-  --ph-data-4: #cf222e;
-  --ph-data-5: #9a6700;
-  --ph-data-6: #0550ae;
-  --ph-data-7: #bf3989;
-
-  --ph-product-session-replay: #9a6700;
-  --ph-product-product-analytics: #0969da;
-  --ph-product-data-pipeline: #1a7f37;
-  --ph-product-feature-flags: #0550ae;
-  --ph-product-experiments: #8250df;
-  --ph-product-data-warehouse: #6639ba;
-  --ph-product-surveys: #cf222e;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23656d76' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="github-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #0d1117;
-  --ph-surface: #161b22;
-  --ph-muted: #21262d;
-  --ph-toolbar: #21262d;
-  --ph-border: #30363d;
-  --ph-border-strong: #484f58;
-
-  --ph-text-primary: #e6edf3;
-  --ph-text-secondary: #9198a1;
-  --ph-text-tertiary: #7d8590;
-
-  --ph-accent: #4493f8;
-  --ph-accent-hover: #58a6ff;
-  --ph-blue: #4493f8;
-  --ph-violet: #a371f7;
-  --ph-purple: #a371f7;
-
-  --ph-success: #3fb950;
-  --ph-warning: #d29922;
-  --ph-danger: #f85149;
-  --ph-info: #4493f8;
-
-  --ph-text-3000: #e6edf3;
-  --ph-primary-button-face: #161b22;
-  --ph-primary-button-border: #1f6feb;
-  --ph-primary-button-border-hover: #388bfd;
-  --ph-primary-frame-bg: #1f6feb;
-  --ph-secondary-button-bg: #21262d;
-  --ph-secondary-frame-bg: #30363d;
-  --ph-secondary-button-border: #484f58;
-  --ph-secondary-button-border-hover: #6e7681;
-
-  --ph-border-3000: #30363d;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.06);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.35);
-  --ph-accent-highlight-secondary: hsla(213deg 94% 68% / 12%);
-
-  --ph-data-1: #4493f8;
-  --ph-data-2: #a371f7;
-  --ph-data-3: #3fb950;
-  --ph-data-4: #f85149;
-  --ph-data-5: #d29922;
-  --ph-data-6: #58a6ff;
-  --ph-data-7: #db61a2;
-
-  --ph-product-session-replay: #d29922;
-  --ph-product-product-analytics: #4493f8;
-  --ph-product-data-pipeline: #3fb950;
-  --ph-product-feature-flags: #58a6ff;
-  --ph-product-experiments: #a371f7;
-  --ph-product-data-warehouse: #8957e5;
-  --ph-product-surveys: #f85149;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%237d8590' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="rosepine-light"] {
-  color-scheme: light;
-
   --ph-canvas: #faf4ed;
   --ph-surface: #fffaf3;
   --ph-muted: #f2e9e1;
   --ph-toolbar: #f4ede8;
   --ph-border: #dfdad9;
   --ph-border-strong: #9893a5;
-
   --ph-text-primary: #575279;
   --ph-text-secondary: #797593;
   --ph-text-tertiary: #9893a5;
-
   --ph-accent: #907aa9;
-  --ph-accent-hover: #7c6594;
-  --ph-blue: #56949f;
-  --ph-violet: #907aa9;
-  --ph-purple: #907aa9;
-
-  --ph-success: #286983;
-  --ph-warning: #ea9d34;
-  --ph-danger: #b4637a;
-  --ph-info: #56949f;
-
-  --ph-text-3000: #575279;
-  --ph-primary-button-face: #fffaf3;
-  --ph-primary-button-border: #7c6594;
-  --ph-primary-button-border-hover: #6b567f;
-  --ph-primary-frame-bg: #907aa9;
-  --ph-secondary-button-bg: #f2e9e1;
-  --ph-secondary-frame-bg: #f4ede8;
-  --ph-secondary-button-border: #dfdad9;
-  --ph-secondary-button-border-hover: #9893a5;
-
-  --ph-border-3000: #dfdad9;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.88);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.04);
-  --ph-accent-highlight-secondary: hsla(268deg 21% 57% / 12%);
-
-  --ph-data-1: #56949f;
-  --ph-data-2: #907aa9;
-  --ph-data-3: #286983;
-  --ph-data-4: #b4637a;
-  --ph-data-5: #ea9d34;
-  --ph-data-6: #d7827e;
-  --ph-data-7: #797593;
-
-  --ph-product-session-replay: #ea9d34;
-  --ph-product-product-analytics: #56949f;
-  --ph-product-data-pipeline: #286983;
-  --ph-product-feature-flags: #907aa9;
-  --ph-product-experiments: #b4637a;
-  --ph-product-data-warehouse: #797593;
-  --ph-product-surveys: #d7827e;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239893a5' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="rosepine-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #191724;
-  --ph-surface: #1f1d2e;
-  --ph-muted: #26233a;
-  --ph-toolbar: #21202e;
-  --ph-border: #403d52;
-  --ph-border-strong: #524f67;
-
-  --ph-text-primary: #e0def4;
-  --ph-text-secondary: #908caa;
-  --ph-text-tertiary: #6e6a86;
-
-  --ph-accent: #c4a7e7;
-  --ph-accent-hover: #d4bcf0;
-  --ph-blue: #9ccfd8;
-  --ph-violet: #c4a7e7;
-  --ph-purple: #c4a7e7;
-
-  --ph-success: #31748f;
-  --ph-warning: #f6c177;
-  --ph-danger: #eb6f92;
-  --ph-info: #9ccfd8;
-
-  --ph-text-3000: #e0def4;
-  --ph-primary-button-face: #1f1d2e;
-  --ph-primary-button-border: #9b7fd4;
-  --ph-primary-button-border-hover: #c4a7e7;
-  --ph-primary-frame-bg: #c4a7e7;
-  --ph-secondary-button-bg: #26233a;
-  --ph-secondary-frame-bg: #403d52;
-  --ph-secondary-button-border: #524f67;
-  --ph-secondary-button-border-hover: #6e6a86;
-
-  --ph-border-3000: #26233a;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.07);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.32);
-  --ph-accent-highlight-secondary: hsla(267deg 57% 78% / 14%);
-
-  --ph-data-1: #9ccfd8;
-  --ph-data-2: #c4a7e7;
-  --ph-data-3: #31748f;
-  --ph-data-4: #eb6f92;
-  --ph-data-5: #f6c177;
-  --ph-data-6: #ebbcba;
-  --ph-data-7: #908caa;
-
-  --ph-product-session-replay: #f6c177;
-  --ph-product-product-analytics: #9ccfd8;
-  --ph-product-data-pipeline: #31748f;
-  --ph-product-feature-flags: #c4a7e7;
-  --ph-product-experiments: #eb6f92;
-  --ph-product-data-warehouse: #ebbcba;
-  --ph-product-surveys: #908caa;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23908caa' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="notion"] {
-  color-scheme: light;
-
-  --ph-canvas: #ffffff;
-  --ph-surface: #f7f6f3;
-  --ph-muted: #f0efeb;
-  --ph-toolbar: #ebe9e4;
-  --ph-border: #e2e1dd;
-  --ph-border-strong: #c4c3bf;
-
-  --ph-text-primary: #37352f;
-  --ph-text-secondary: #6b6b6b;
-  --ph-text-tertiary: #9b9a97;
-
-  --ph-accent: #2f7cf6;
-  --ph-accent-hover: #2160d4;
-  --ph-blue: #2f7cf6;
-  --ph-violet: #6940a5;
-  --ph-purple: #6940a5;
-
-  --ph-success: #0f7b6c;
-  --ph-warning: #dfab00;
-  --ph-danger: #e03e3e;
-  --ph-info: #2f7cf6;
-
-  --ph-text-3000: #37352f;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #2160d4;
-  --ph-primary-button-border-hover: #1a4fa8;
-  --ph-primary-frame-bg: #2f7cf6;
-  --ph-secondary-button-bg: #ffffff;
-  --ph-secondary-frame-bg: #f0efeb;
-  --ph-secondary-button-border: #e2e1dd;
-  --ph-secondary-button-border-hover: #c4c3bf;
-
-  --ph-border-3000: #e2e1dd;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.95);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.06);
-  --ph-accent-highlight-secondary: hsla(220deg 100% 56% / 10%);
-
-  --ph-data-1: #2f7cf6;
-  --ph-data-2: #6940a5;
-  --ph-data-3: #dfab00;
-  --ph-data-4: #0f7b6c;
-  --ph-data-5: #e03e3e;
-  --ph-data-6: #d9730d;
-  --ph-data-7: #ad1a72;
-
-  --ph-product-session-replay: #dfab00;
-  --ph-product-product-analytics: #2f7cf6;
-  --ph-product-data-pipeline: #0f7b6c;
-  --ph-product-feature-flags: #6940a5;
-  --ph-product-experiments: #e03e3e;
-  --ph-product-data-warehouse: #d9730d;
-  --ph-product-surveys: #ad1a72;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239b9a97' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-[data-theme="notion-dark"] {
-  color-scheme: dark;
-
-  --ph-canvas: #191919;
-  --ph-surface: #212121;
-  --ph-muted: #2a2a2a;
-  --ph-toolbar: #333333;
-  --ph-border: #373737;
-  --ph-border-strong: #4a4a4a;
-
-  --ph-text-primary: #ffffff;
-  --ph-text-secondary: #cdcdcd;
-  --ph-text-tertiary: #6b6b6b;
-
-  --ph-accent: #4a9eff;
-  --ph-accent-hover: #3381e6;
-  --ph-blue: #4a9eff;
-  --ph-violet: #a06cd5;
-  --ph-purple: #a06cd5;
-
-  --ph-success: #45c4a0;
-  --ph-warning: #eac54f;
-  --ph-danger: #f15e5e;
-  --ph-info: #4a9eff;
-
-  --ph-text-3000: #191919;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #3381e6;
-  --ph-primary-button-border-hover: #2663b8;
-  --ph-primary-frame-bg: #4a9eff;
-  --ph-secondary-button-bg: #2a2a2a;
-  --ph-secondary-frame-bg: #333333;
-  --ph-secondary-button-border: #373737;
-  --ph-secondary-button-border-hover: #4a4a4a;
-
-  --ph-border-3000: #333333;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.06);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.4);
-  --ph-accent-highlight-secondary: hsla(215deg 100% 65% / 14%);
-
-  --ph-data-1: #4a9eff;
-  --ph-data-2: #a06cd5;
-  --ph-data-3: #eac54f;
-  --ph-data-4: #45c4a0;
-  --ph-data-5: #f15e5e;
-  --ph-data-6: #f5a623;
-  --ph-data-7: #d355a0;
-
-  --ph-product-session-replay: #eac54f;
-  --ph-product-product-analytics: #4a9eff;
-  --ph-product-data-pipeline: #45c4a0;
-  --ph-product-feature-flags: #a06cd5;
-  --ph-product-experiments: #f15e5e;
-  --ph-product-data-warehouse: #f5a623;
-  --ph-product-surveys: #d355a0;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b6b6b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
-}
-
-/* Tokyo Night Day — soft bluish greys with vivid blue and purple accents */
-[data-theme="deepsea-light"] {
-  color-scheme: light;
-
-  --ph-canvas: #e1e2e7;
-  --ph-surface: #f2f3f8;
-  --ph-muted: #e9eaf1;
-  --ph-toolbar: #d0d5e3;
-  --ph-border: #c4c8da;
-  --ph-border-strong: #a8aecb;
-
-  --ph-text-primary: #343b58;
-  --ph-text-secondary: #6172b0;
-  --ph-text-tertiary: #848cb5;
-
-  /* Tokyo Night blue */
-  --ph-accent: #2e7de9;
-  --ph-accent-hover: #2368c6;
-  --ph-blue: #2e7de9;
-  /* Day magenta */
-  --ph-violet: #9854f1;
-  /* Day purple */
-  --ph-purple: #7847bd;
-
-  /* Day green */
-  --ph-success: #587539;
-  /* Day orange */
-  --ph-warning: #b15c00;
-  /* Day red */
-  --ph-danger: #f52a65;
-  /* Day cyan */
-  --ph-info: #007197;
-
-  --ph-text-3000: #343b58;
-  --ph-primary-button-face: #ffffff;
-  --ph-primary-button-border: #2368c6;
-  --ph-primary-button-border-hover: #1a52a3;
-  --ph-primary-frame-bg: #2e7de9;
-  --ph-secondary-button-bg: #f2f3f8;
-  --ph-secondary-frame-bg: #d0d5e3;
-  --ph-secondary-button-border: #c4c8da;
-  --ph-secondary-button-border-hover: #2e7de9;
-
-  --ph-border-3000: #c4c8da;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.84);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.06);
-  --ph-accent-highlight-secondary: hsla(215deg 81% 55% / 12%);
-
-  --ph-data-1: #2e7de9;
-  --ph-data-2: #9854f1;
-  --ph-data-3: #007197;
-  --ph-data-4: #b15c00;
-  --ph-data-5: #587539;
-  --ph-data-6: #f52a65;
-  --ph-data-7: #8c6c3e;
-
-  --ph-product-session-replay: #b15c00;
-  --ph-product-product-analytics: #2e7de9;
-  --ph-product-data-pipeline: #007197;
-  --ph-product-feature-flags: #9854f1;
-  --ph-product-experiments: #f52a65;
-  --ph-product-data-warehouse: #8c6c3e;
-  --ph-product-surveys: #587539;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23848cb5' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-accent-hover: #7c6594;
+  --ph-blue: #56949f;
+  --ph-violet: #907aa9;
+  --ph-purple: #907aa9;
+  --ph-success: #286983;
+  --ph-warning: #ea9d34;
+  --ph-danger: #b4637a;
+  --ph-info: #56949f;
+  --ph-on-accent: #ffffff;
+  --ph-on-violet: #ffffff;
+  --ph-on-success: #ffffff;
+  --ph-on-warning: #2d2130;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #ffffff;
+  --ph-focus-ring: #907aa9;
+  --ph-selected-bg: #f0e7ef;
+  --ph-selected-text: #6d597f;
+  --ph-selected-border: #b8a5c4;
+  --ph-text-3000: #575279;
+  --ph-primary-button-face: #fffaf3;
+  --ph-primary-button-border: #7c6594;
+  --ph-primary-button-border-hover: #6b567f;
+  --ph-primary-frame-bg: #907aa9;
+  --ph-secondary-button-bg: #f2e9e1;
+  --ph-secondary-frame-bg: #f4ede8;
+  --ph-secondary-button-border: #dfdad9;
+  --ph-secondary-button-border-hover: #9893a5;
+  --ph-border-3000: #dfdad9;
+  --ph-accent-highlight-secondary: hsl(268deg 21% 57% / 12%);
+  --ph-data-1: #56949f;
+  --ph-data-2: #907aa9;
+  --ph-data-3: #286983;
+  --ph-data-4: #b4637a;
+  --ph-data-5: #ea9d34;
+  --ph-data-6: #d7827e;
+  --ph-data-7: #797593;
 }
 
-/* Tokyo Night — #1a1b26 base with signature blue, cyan, and purple */
-[data-theme="deepsea-dark"] {
+[data-theme="rosepine-dark"] {
   color-scheme: dark;
-
-  --ph-canvas: #1a1b26;
-  --ph-surface: #1f2335;
-  --ph-muted: #24283b;
-  --ph-toolbar: #292e42;
-  --ph-border: #3b4261;
-  --ph-border-strong: #565f89;
-
-  --ph-text-primary: #c0caf5;
-  --ph-text-secondary: #a9b1d6;
-  --ph-text-tertiary: #565f89;
-
-  /* Signature blue */
-  --ph-accent: #7aa2f7;
-  --ph-accent-hover: #97b4f9;
-  --ph-blue: #7aa2f7;
-  /* Purple */
-  --ph-violet: #bb9af7;
-  --ph-purple: #9d7cd8;
-
-  /* Green */
-  --ph-success: #9ece6a;
-  /* Yellow */
-  --ph-warning: #e0af68;
-  /* Red */
-  --ph-danger: #f7768e;
-  /* Cyan */
-  --ph-info: #7dcfff;
-
-  --ph-text-3000: #c0caf5;
-  --ph-primary-button-face: #1f2335;
-  --ph-primary-button-border: #3d59a1;
-  --ph-primary-button-border-hover: #7aa2f7;
-  --ph-primary-frame-bg: #7aa2f7;
-  --ph-secondary-button-bg: #24283b;
-  --ph-secondary-frame-bg: #3b4261;
-  --ph-secondary-button-border: #414868;
-  --ph-secondary-button-border-hover: #565f89;
-
-  --ph-border-3000: #292e42;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.07);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.4);
-  --ph-accent-highlight-secondary: hsla(221deg 89% 72% / 16%);
-
-  --ph-data-1: #7aa2f7;
-  --ph-data-2: #bb9af7;
-  --ph-data-3: #7dcfff;
-  --ph-data-4: #e0af68;
-  --ph-data-5: #9ece6a;
-  --ph-data-6: #f7768e;
-  --ph-data-7: #ff9e64;
-
-  --ph-product-session-replay: #e0af68;
-  --ph-product-product-analytics: #7aa2f7;
-  --ph-product-data-pipeline: #7dcfff;
-  --ph-product-feature-flags: #bb9af7;
-  --ph-product-experiments: #f7768e;
-  --ph-product-data-warehouse: #ff9e64;
-  --ph-product-surveys: #9ece6a;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23565f89' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-canvas: #191724;
+  --ph-surface: #1f1d2e;
+  --ph-muted: #26233a;
+  --ph-toolbar: #21202e;
+  --ph-surface-inset: #211f31;
+  --ph-surface-raised: #26233a;
+  --ph-surface-overlay: #302c45;
+  --ph-border: #403d52;
+  --ph-border-strong: #524f67;
+  --ph-text-primary: #e0def4;
+  --ph-text-secondary: #908caa;
+  --ph-text-tertiary: #6e6a86;
+  --ph-accent: #c4a7e7;
+  --ph-accent-hover: #d4bcf0;
+  --ph-blue: #9ccfd8;
+  --ph-violet: #c4a7e7;
+  --ph-purple: #c4a7e7;
+  --ph-success: #31748f;
+  --ph-warning: #f6c177;
+  --ph-danger: #eb6f92;
+  --ph-info: #9ccfd8;
+  --ph-on-accent: #191724;
+  --ph-on-violet: #191724;
+  --ph-on-success: #ffffff;
+  --ph-on-warning: #2d2130;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #191724;
+  --ph-focus-ring: #c4a7e7;
+  --ph-selected-bg: #342f49;
+  --ph-selected-text: #e0def4;
+  --ph-selected-border: #76639a;
+  --ph-text-3000: #e0def4;
+  --ph-primary-button-face: #1f1d2e;
+  --ph-primary-button-border: #9b7fd4;
+  --ph-primary-button-border-hover: #c4a7e7;
+  --ph-primary-frame-bg: #c4a7e7;
+  --ph-secondary-button-bg: #26233a;
+  --ph-secondary-frame-bg: #403d52;
+  --ph-secondary-button-border: #524f67;
+  --ph-secondary-button-border-hover: #6e6a86;
+  --ph-border-3000: #26233a;
+  --ph-accent-highlight-secondary: hsl(267deg 57% 78% / 14%);
+  --ph-data-1: #9ccfd8;
+  --ph-data-2: #c4a7e7;
+  --ph-data-3: #31748f;
+  --ph-data-4: #eb6f92;
+  --ph-data-5: #f6c177;
+  --ph-data-6: #ebbcba;
+  --ph-data-7: #908caa;
 }
 
-/* Kraken Light — Medium-inspired paper, editorial ink, and publication green. */
 [data-theme="kraken-light"] {
   color-scheme: light;
-
   --ph-canvas: #f7f4ed;
   --ph-surface: #ffffff;
   --ph-muted: #f2f2f2;
@@ -1628,19 +432,15 @@
   --ph-surface-raised: #ffffff;
   --ph-surface-overlay: #ffffff;
   --ph-border: #e2e2df;
-  --ph-border-subtle: #ededeb;
   --ph-border-strong: #a8a8a3;
-
   --ph-text-primary: #242424;
   --ph-text-secondary: #4f4f4f;
   --ph-text-tertiary: #6b6b6b;
-
   --ph-accent: #242424;
   --ph-accent-hover: #000000;
   --ph-blue: #437aff;
   --ph-violet: #ffc017;
   --ph-purple: #e6ad15;
-
   --ph-success: #1a8917;
   --ph-warning: #b26a00;
   --ph-danger: #c7463a;
@@ -1655,7 +455,6 @@
   --ph-selected-bg: #f2f2f2;
   --ph-selected-text: #242424;
   --ph-selected-border: #8b8b86;
-
   --ph-text-3000: #ffffff;
   --ph-primary-button-face: #242424;
   --ph-primary-button-border: #171717;
@@ -1665,12 +464,8 @@
   --ph-secondary-frame-bg: #d7d7d4;
   --ph-secondary-button-border: #b7b7b2;
   --ph-secondary-button-border-hover: #777772;
-
   --ph-border-3000: #d7d7d4;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.9);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.06);
-  --ph-accent-highlight-secondary: rgb(36 36 36 / 8%);
-
+  --ph-accent-highlight-secondary: hsl(0deg 0% 14% / 8%);
   --ph-data-1: #242424;
   --ph-data-2: #ffc017;
   --ph-data-3: #437aff;
@@ -1678,22 +473,10 @@
   --ph-data-5: #b26a00;
   --ph-data-6: #c7463a;
   --ph-data-7: #ad1457;
-
-  --ph-product-session-replay: #b26a00;
-  --ph-product-product-analytics: #1769aa;
-  --ph-product-data-pipeline: #00838f;
-  --ph-product-feature-flags: #ffc017;
-  --ph-product-experiments: #437aff;
-  --ph-product-data-warehouse: #7b5e3b;
-  --ph-product-surveys: #c7463a;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b6b6b' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
 }
 
-/* Kraken Dark — Medium-inspired night reading canvas and soft editorial contrast. */
 [data-theme="kraken-dark"] {
   color-scheme: dark;
-
   --ph-canvas: #191919;
   --ph-surface: #222222;
   --ph-muted: #292929;
@@ -1702,19 +485,15 @@
   --ph-surface-raised: #262626;
   --ph-surface-overlay: #2b2b2b;
   --ph-border: #3a3a3a;
-  --ph-border-subtle: #303030;
   --ph-border-strong: #686868;
-
   --ph-text-primary: #f2f2f2;
   --ph-text-secondary: #c4c4c4;
   --ph-text-tertiary: #929292;
-
   --ph-accent: #f2f2f2;
   --ph-accent-hover: #ffffff;
   --ph-blue: #7da3ff;
   --ph-violet: #ffc017;
   --ph-purple: #ffcd45;
-
   --ph-success: #1a8917;
   --ph-warning: #e0a34a;
   --ph-danger: #c7463a;
@@ -1729,7 +508,6 @@
   --ph-selected-bg: #333333;
   --ph-selected-text: #ffffff;
   --ph-selected-border: #858585;
-
   --ph-text-3000: #191919;
   --ph-primary-button-face: #f2f2f2;
   --ph-primary-button-border: #d6d6d6;
@@ -1739,12 +517,8 @@
   --ph-secondary-frame-bg: #414141;
   --ph-secondary-button-border: #505050;
   --ph-secondary-button-border-hover: #777777;
-
   --ph-border-3000: #303030;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.08);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.4);
-  --ph-accent-highlight-secondary: rgb(242 242 242 / 10%);
-
+  --ph-accent-highlight-secondary: hsl(0deg 0% 95% / 10%);
   --ph-data-1: #f2f2f2;
   --ph-data-2: #ffc017;
   --ph-data-3: #7da3ff;
@@ -1752,184 +526,231 @@
   --ph-data-5: #e0a34a;
   --ph-data-6: #e77b70;
   --ph-data-7: #e183ae;
-
-  --ph-product-session-replay: #e0a34a;
-  --ph-product-product-analytics: #6ba7d6;
-  --ph-product-data-pipeline: #58c4c7;
-  --ph-product-feature-flags: #ffc017;
-  --ph-product-experiments: #7da3ff;
-  --ph-product-data-warehouse: #c59a6b;
-  --ph-product-surveys: #e77b70;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23929292' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
 }
 
-/* Nakama Light — cyan-accented bright suite palette for the AI teammate app. */
-[data-theme="nakama-light"] {
+/* Tokyo Night Day — soft bluish greys with vivid blue and purple accents. */
+[data-theme="deepsea-light"] {
   color-scheme: light;
-
-  --ph-canvas: #f6f8f9;
-  --ph-surface: #ffffff;
-  --ph-muted: #eef2f4;
-  --ph-toolbar: #e6ebee;
-  --ph-surface-inset: #eef2f4;
-  --ph-surface-raised: #ffffff;
-  --ph-surface-overlay: #ffffff;
-  --ph-border: #dfe5e8;
-  --ph-border-subtle: #eaeff1;
-  --ph-border-strong: #a5b0b7;
-
-  --ph-text-primary: #17242c;
-  --ph-text-secondary: #42525c;
-  --ph-text-tertiary: #5f6f7a;
-
-  --ph-accent: #0891b2;
-  --ph-accent-hover: #0e7490;
-  --ph-blue: #437aff;
-  --ph-violet: #8b5cf6;
-  --ph-purple: #7c3aed;
-
-  --ph-success: #15803d;
-  --ph-warning: #b26a00;
-  --ph-danger: #c7463a;
-  --ph-info: #1769aa;
+  --ph-canvas: #e1e2e7;
+  --ph-surface: #f2f3f8;
+  --ph-muted: #e9eaf1;
+  --ph-toolbar: #d0d5e3;
+  --ph-border: #c4c8da;
+  --ph-border-strong: #a8aecb;
+  --ph-text-primary: #343b58;
+  --ph-text-secondary: #6172b0;
+  --ph-text-tertiary: #848cb5;
+  --ph-accent: #2e7de9;
+  --ph-accent-hover: #2368c6;
+  --ph-blue: #2e7de9;
+  --ph-violet: #9854f1;
+  --ph-purple: #7847bd;
+  --ph-success: #587539;
+  --ph-warning: #b15c00;
+  --ph-danger: #f52a65;
+  --ph-info: #007197;
   --ph-on-accent: #ffffff;
   --ph-on-violet: #ffffff;
   --ph-on-success: #ffffff;
-  --ph-on-warning: #211606;
+  --ph-on-warning: #ffffff;
   --ph-on-danger: #ffffff;
   --ph-on-info: #ffffff;
-  --ph-focus-ring: #0891b2;
-  --ph-selected-bg: #e6f6fa;
-  --ph-selected-text: #0b5569;
-  --ph-selected-border: #67c6dd;
-
-  --ph-text-3000: #ffffff;
-  --ph-primary-button-face: #0891b2;
-  --ph-primary-button-border: #0b728c;
-  --ph-primary-button-border-hover: #0e7490;
-  --ph-primary-frame-bg: #0b5569;
-  --ph-secondary-button-bg: #ffffff;
-  --ph-secondary-frame-bg: #dce4e8;
-  --ph-secondary-button-border: #bfcbd2;
-  --ph-secondary-button-border-hover: #8797a1;
-
-  --ph-border-3000: #dce4e8;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.9);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.06);
-  --ph-accent-highlight-secondary: rgb(8 145 178 / 10%);
-
-  --ph-data-1: #0891b2;
-  --ph-data-2: #f59e0b;
-  --ph-data-3: #437aff;
-  --ph-data-4: #059669;
-  --ph-data-5: #b26a00;
-  --ph-data-6: #c7463a;
-  --ph-data-7: #7c3aed;
-
-  --ph-product-session-replay: #b26a00;
-  --ph-product-product-analytics: #1769aa;
-  --ph-product-data-pipeline: #059669;
-  --ph-product-feature-flags: #f59e0b;
-  --ph-product-experiments: #437aff;
-  --ph-product-data-warehouse: #7b5e3b;
-  --ph-product-surveys: #c7463a;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%235f6f7a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-focus-ring: #2e7de9;
+  --ph-selected-bg: #dfe8fb;
+  --ph-selected-text: #2459aa;
+  --ph-selected-border: #7da7e9;
+  --ph-text-3000: #343b58;
+  --ph-primary-button-face: #ffffff;
+  --ph-primary-button-border: #2368c6;
+  --ph-primary-button-border-hover: #1a52a3;
+  --ph-primary-frame-bg: #2e7de9;
+  --ph-secondary-button-bg: #f2f3f8;
+  --ph-secondary-frame-bg: #d0d5e3;
+  --ph-secondary-button-border: #c4c8da;
+  --ph-secondary-button-border-hover: #2e7de9;
+  --ph-border-3000: #c4c8da;
+  --ph-accent-highlight-secondary: hsl(215deg 81% 55% / 12%);
+  --ph-data-1: #2e7de9;
+  --ph-data-2: #9854f1;
+  --ph-data-3: #007197;
+  --ph-data-4: #b15c00;
+  --ph-data-5: #587539;
+  --ph-data-6: #f52a65;
+  --ph-data-7: #8c6c3e;
 }
 
-/* Nakama Dark — deep navy night palette with a bright cyan accent. */
-[data-theme="nakama-dark"] {
+/* Tokyo Night — #1a1b26 base with signature blue, cyan, and purple. */
+[data-theme="deepsea-dark"] {
   color-scheme: dark;
-
-  --ph-canvas: #0f1420;
-  --ph-surface: #161d2b;
-  --ph-muted: #1c2434;
-  --ph-toolbar: #232c3e;
-  --ph-surface-inset: #121826;
-  --ph-surface-raised: #1a2231;
-  --ph-surface-overlay: #202a3c;
-  --ph-border: #2b3648;
-  --ph-border-subtle: #232d3f;
-  --ph-border-strong: #4a5871;
-
-  --ph-text-primary: #e8eef4;
-  --ph-text-secondary: #b9c4d1;
-  --ph-text-tertiary: #8594a8;
-
-  --ph-accent: #22d3ee;
-  --ph-accent-hover: #67e8f9;
-  --ph-blue: #7da3ff;
-  --ph-violet: #c4a7e7;
-  --ph-purple: #b794f6;
-
-  --ph-success: #34d399;
-  --ph-warning: #fbbf24;
-  --ph-danger: #f87171;
-  --ph-info: #60a5fa;
-  --ph-on-accent: #062a33;
-  --ph-on-violet: #1b1430;
-  --ph-on-success: #052e1e;
-  --ph-on-warning: #2b1e06;
-  --ph-on-danger: #3b1010;
-  --ph-on-info: #0a2a45;
-  --ph-focus-ring: #22d3ee;
-  --ph-selected-bg: #123a47;
-  --ph-selected-text: #a5f3fc;
-  --ph-selected-border: #2f6e80;
-
-  --ph-text-3000: #0f1420;
-  --ph-primary-button-face: #22d3ee;
-  --ph-primary-button-border: #3aa8bd;
-  --ph-primary-button-border-hover: #67e8f9;
-  --ph-primary-frame-bg: #0b6b80;
-  --ph-secondary-button-bg: #202a3c;
-  --ph-secondary-frame-bg: #2e3a50;
-  --ph-secondary-button-border: #3d4b64;
-  --ph-secondary-button-border-hover: #5a6b8a;
-
-  --ph-border-3000: #232d3f;
-  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.08);
-  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.4);
-  --ph-accent-highlight-secondary: rgb(34 211 238 / 12%);
-
-  --ph-data-1: #22d3ee;
-  --ph-data-2: #fbbf24;
-  --ph-data-3: #7da3ff;
-  --ph-data-4: #34d399;
-  --ph-data-5: #f59e0b;
-  --ph-data-6: #f87171;
-  --ph-data-7: #c4a7e7;
-
-  --ph-product-session-replay: #f59e0b;
-  --ph-product-product-analytics: #60a5fa;
-  --ph-product-data-pipeline: #34d399;
-  --ph-product-feature-flags: #fbbf24;
-  --ph-product-experiments: #7da3ff;
-  --ph-product-data-warehouse: #d4a373;
-  --ph-product-surveys: #f87171;
-
-  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238594a8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  --ph-canvas: #1a1b26;
+  --ph-surface: #1f2335;
+  --ph-muted: #24283b;
+  --ph-toolbar: #292e42;
+  --ph-surface-inset: #1f2335;
+  --ph-surface-raised: #24283b;
+  --ph-surface-overlay: #292e42;
+  --ph-border: #3b4261;
+  --ph-border-strong: #565f89;
+  --ph-text-primary: #c0caf5;
+  --ph-text-secondary: #a9b1d6;
+  --ph-text-tertiary: #565f89;
+  --ph-accent: #7aa2f7;
+  --ph-accent-hover: #97b4f9;
+  --ph-blue: #7aa2f7;
+  --ph-violet: #bb9af7;
+  --ph-purple: #9d7cd8;
+  --ph-success: #9ece6a;
+  --ph-warning: #e0af68;
+  --ph-danger: #f7768e;
+  --ph-info: #7dcfff;
+  --ph-on-accent: #1a1b26;
+  --ph-on-violet: #1a1b26;
+  --ph-on-success: #10200d;
+  --ph-on-warning: #211606;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #102532;
+  --ph-focus-ring: #7aa2f7;
+  --ph-selected-bg: #2b3456;
+  --ph-selected-text: #c0caf5;
+  --ph-selected-border: #647bb7;
+  --ph-text-3000: #c0caf5;
+  --ph-primary-button-face: #1f2335;
+  --ph-primary-button-border: #3d59a1;
+  --ph-primary-button-border-hover: #7aa2f7;
+  --ph-primary-frame-bg: #7aa2f7;
+  --ph-secondary-button-bg: #24283b;
+  --ph-secondary-frame-bg: #3b4261;
+  --ph-secondary-button-border: #414868;
+  --ph-secondary-button-border-hover: #565f89;
+  --ph-border-3000: #292e42;
+  --ph-accent-highlight-secondary: hsl(221deg 89% 72% / 16%);
+  --ph-data-1: #7aa2f7;
+  --ph-data-2: #bb9af7;
+  --ph-data-3: #7dcfff;
+  --ph-data-4: #e0af68;
+  --ph-data-5: #9ece6a;
+  --ph-data-6: #f7768e;
+  --ph-data-7: #ff9e64;
 }
 
-/* Semantic button contrast is scoped to buttons so other token consumers keep theme-native ink. */
+/* Malibu — Nakama's GTA San Andreas-inspired sunset command-deck palette. */
+[data-theme="malibu-light"] {
+  color-scheme: light;
+  --ph-canvas: #f6efeb;
+  --ph-surface: #fffaf4;
+  --ph-muted: #f3e7e2;
+  --ph-toolbar: #edddd8;
+  --ph-surface-inset: #f0e5df;
+  --ph-surface-raised: #fffaf4;
+  --ph-surface-overlay: #fffdf9;
+  --ph-border: rgb(123 49 75 / 24%);
+  --ph-border-subtle: rgb(123 49 75 / 14%);
+  --ph-border-strong: #b38b98;
+  --ph-text-primary: #30202d;
+  --ph-text-secondary: #64495a;
+  --ph-text-tertiary: #927786;
+  --ph-accent: #d14f74;
+  --ph-accent-hover: #b93a60;
+  --ph-blue: #3b8793;
+  --ph-violet: #7d3ca4;
+  --ph-purple: #a3418e;
+  --ph-success: #2d8f5a;
+  --ph-warning: #c97732;
+  --ph-danger: #c33e4e;
+  --ph-info: #3b8793;
+  --ph-on-accent: #ffffff;
+  --ph-on-violet: #ffffff;
+  --ph-on-success: #ffffff;
+  --ph-on-warning: #2d1730;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #ffffff;
+  --ph-focus-ring: #d14f74;
+  --ph-selected-bg: rgb(209 79 116 / 12%);
+  --ph-selected-text: #8d2148;
+  --ph-selected-border: rgb(209 79 116 / 48%);
+  --ph-text-3000: #ffffff;
+  --ph-primary-button-face: #d14f74;
+  --ph-primary-button-border: #b93a60;
+  --ph-primary-button-border-hover: #9f2f51;
+  --ph-primary-frame-bg: #9f2f51;
+  --ph-secondary-button-bg: #fffaf4;
+  --ph-secondary-frame-bg: #edddd8;
+  --ph-secondary-button-border: rgb(123 49 75 / 24%);
+  --ph-secondary-button-border-hover: rgb(209 79 116 / 52%);
+  --ph-border-3000: rgb(123 49 75 / 26%);
+  --ph-accent-highlight-secondary: rgb(209 79 116 / 12%);
+  --ph-data-1: #d14f74;
+  --ph-data-2: #b8eb44;
+  --ph-data-3: #3b8793;
+  --ph-data-4: #2d8f5a;
+  --ph-data-5: #ffab4d;
+  --ph-data-6: #c33e4e;
+  --ph-data-7: #7d3ca4;
+}
+
+[data-theme="malibu-dark"] {
+  color-scheme: dark;
+  --ph-canvas: #17101f;
+  --ph-surface: #271b2b;
+  --ph-muted: #382334;
+  --ph-toolbar: #382334;
+  --ph-surface-inset: #17101f;
+  --ph-surface-raised: #271b2b;
+  --ph-surface-overlay: #382334;
+  --ph-border: rgb(137 93 122 / 22%);
+  --ph-border-subtle: rgb(137 93 122 / 36%);
+  --ph-border-strong: rgb(137 93 122 / 52%);
+  --ph-text-primary: #fff2e2;
+  --ph-text-secondary: #bea5b0;
+  --ph-text-tertiary: rgb(190 165 176 / 76%);
+  --ph-accent: #b8eb44;
+  --ph-accent-hover: #b8eb44;
+  --ph-blue: #b8eb44;
+  --ph-violet: #f54b87;
+  --ph-purple: #f54b87;
+  --ph-success: #67d389;
+  --ph-warning: #ffab4d;
+  --ph-danger: #f46064;
+  --ph-info: #f54b87;
+  --ph-on-accent: #000000;
+  --ph-on-violet: #fff2e2;
+  --ph-on-success: #000000;
+  --ph-on-warning: #000000;
+  --ph-on-danger: #fff2e2;
+  --ph-on-info: #fff2e2;
+  --ph-focus-ring: #b8eb44;
+  --ph-selected-bg: rgb(245 75 135 / 16%);
+  --ph-selected-text: #fff2e2;
+  --ph-selected-border: rgb(245 75 135 / 55%);
+  --ph-text-3000: #000000;
+  --ph-primary-button-face: #b8eb44;
+  --ph-primary-button-border: #b8eb44;
+  --ph-primary-button-border-hover: #b8eb44;
+  --ph-primary-frame-bg: #b8eb44;
+  --ph-secondary-button-bg: #382334;
+  --ph-secondary-frame-bg: #271b2b;
+  --ph-secondary-button-border: rgb(137 93 122 / 65%);
+  --ph-secondary-button-border-hover: rgb(184 235 68 / 65%);
+  --ph-border-3000: rgb(137 93 122 / 45%);
+  --ph-accent-highlight-secondary: rgb(245 75 135 / 16%);
+  --ph-data-1: #b8eb44;
+  --ph-data-2: #ffab4d;
+  --ph-data-3: #f54b87;
+  --ph-data-4: #67d389;
+  --ph-data-5: #ffab4d;
+  --ph-data-6: #f46064;
+  --ph-data-7: #f54b87;
+}
+
+/* Semantic button contrast for dark palettes. */
 :is(
   [data-theme="hedgehog-dark"],
-  [data-theme="catppuccin-dark"],
-  [data-theme="sheets-dark"],
   [data-theme="note-dark"],
-  [data-theme="presentation-dark"],
-  [data-theme="socials-dark"],
-  [data-theme="chats-dark"],
-  [data-theme="xenide-dark"],
-  [data-theme="bikini-bottom-dark"],
   [data-theme="turtletime-dark"],
-  [data-theme="github-dark"],
   [data-theme="rosepine-dark"],
-  [data-theme="notion-dark"],
-  [data-theme="deepsea-dark"],
   [data-theme="kraken-dark"],
-  [data-theme="nakama-dark"]
+  [data-theme="deepsea-dark"],
+  [data-theme="malibu-dark"]
 ) {
   .ph-btn-signal {
     --ph-btn-face: color-mix(in oklab, var(--ph-accent) 62%, black);
@@ -1963,49 +784,17 @@
 }
 
 :is(
-  [data-theme="socials"],
-  [data-theme="bikini-bottom"],
-  [data-theme="rosepine-light"],
-  [data-theme="notion"],
-  [data-theme="deepsea-light"],
-  [data-theme="presentation"]
-) .ph-btn-signal,
-:is(
-  [data-theme="socials"],
-  [data-theme="bikini-bottom"],
-  [data-theme="rosepine-light"],
-  [data-theme="deepsea-light"]
-) .ph-btn-accent,
-:is(
-  [data-theme="catppuccin-light"],
-  [data-theme="socials"],
-  [data-theme="xenide-light"],
-  [data-theme="bikini-bottom"],
-  [data-theme="chats-light"]
-) .ph-btn-success,
-:is(
-  [data-theme="xenide-light"],
-  [data-theme="bikini-bottom"],
-  [data-theme="rosepine-light"],
-  [data-theme="notion"],
-  [data-theme="deepsea-light"]
-) .ph-btn-danger,
-:is(
-  [data-theme="socials"],
-  [data-theme="bikini-bottom"],
-  [data-theme="chats-light"],
-  [data-theme="rosepine-light"],
-  [data-theme="notion"]
-) .ph-btn-info {
+    [data-theme="rosepine-light"],
+    [data-theme="deepsea-light"],
+    [data-theme="malibu-light"]
+  )
+  .ph-btn-signal,
+:is([data-theme="rosepine-light"], [data-theme="deepsea-light"]) .ph-btn-accent,
+:is([data-theme="rosepine-light"], [data-theme="deepsea-light"]) .ph-btn-danger,
+:is([data-theme="rosepine-light"]) .ph-btn-info {
   --ph-btn-ink: #050505;
 }
 
-:is(
-  [data-theme="sheets"],
-  [data-theme="note"],
-  [data-theme="presentation"],
-  [data-theme="github-light"],
-  [data-theme="deepsea-light"]
-) .ph-btn-warning {
+:is([data-theme="note"], [data-theme="deepsea-light"]) .ph-btn-warning {
   --ph-btn-ink: #ffffff;
 }