@lucasvu/scope-ui 0.1.0 → 0.1.1

package/dist/themes/theme-ui-uat-aurora.css

@@ -0,0 +1,962 @@
+/* Experimental soft slate-blue theme using the same light/dark token structure as sunset. */
+
+:root[data-client-theme='uat-aurora'] {
+  color-scheme: light;
+  --brand-tiger: #89a9cb;
+  --brand-fire-brick: #5f7fae;
+  --brand-asphalt: #27364b;
+  --brand-cobalt: #6d8ab1;
+  --brand-amethyst: #8a97bf;
+  --brand-canary: #9dbbd6;
+  --brand-moon-spot: #8796ab;
+  --brand-lemonade: #e2ebf5;
+  --brand-blush: #eef3f8;
+  --brand-champagne: #f8fafc;
+  --brand-dolphin: #c7d2de;
+  --brand-smoke: #e1e8f0;
+  --brand-silver: #f1f5f8;
+
+  --font-family-base: 'Inter', 'Noto Sans', 'Segoe UI', 'Helvetica Neue',
+    sans-serif;
+  --font-family-heading: 'Inter', 'Noto Sans', 'Segoe UI', 'Helvetica Neue',
+    sans-serif;
+  --font-family-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, monospace;
+
+  --bg: #f5f7fb;
+  --surface: #ffffff;
+  --surface-strong: #f1f4f8;
+  --surface-elevated: #ffffff;
+  --grey: #eef2f6;
+  --grey-strong: #dde4ed;
+  --border: #d7dee8;
+  --border-strong: #c4cfdd;
+
+  --text: #55657a;
+  --text-strong: #2f3d50;
+  --muted: #7c8ca2;
+  --foreground: var(--text);
+  --muted-foreground: var(--muted);
+
+  --accent: #5f7fae;
+  --accent-soft: rgba(95, 127, 174, 0.12);
+  --accent-strong: #89a9cb;
+  --accent-2: #8a97bf;
+  --danger: #cf7682;
+  --danger-soft: rgba(207, 118, 130, 0.12);
+  --success-strong: #6ba19a;
+  --success-soft: rgba(107, 161, 154, 0.14);
+  --info: #6d8ab1;
+  --info-soft: rgba(109, 138, 177, 0.14);
+
+  --shadow: 0 14px 32px rgba(39, 54, 75, 0.08);
+  --shadow-sm: 0 6px 18px rgba(39, 54, 75, 0.05);
+  --menu-shadow: 0 16px 34px rgba(39, 54, 75, 0.12);
+  --focus-ring: rgba(137, 169, 203, 0.2);
+
+  --confirm: 210 39% 63%;
+  --confirm-foreground: 0 0% 100%;
+
+  --tw-background: 216 33% 98%;
+  --tw-foreground: 214 24% 31%;
+  --tw-card: 0 0% 100%;
+  --tw-card-foreground: 214 24% 31%;
+  --tw-popover: 0 0% 100%;
+  --tw-popover-foreground: 214 24% 31%;
+  --tw-primary: 216 32% 53%;
+  --tw-primary-foreground: 0 0% 100%;
+  --tw-secondary: 210 25% 95%;
+  --tw-secondary-foreground: 214 24% 31%;
+  --tw-muted: 210 24% 95%;
+  --tw-muted-foreground: 214 16% 54%;
+  --tw-accent: 209 39% 66%;
+  --tw-accent-foreground: 214 24% 24%;
+  --tw-destructive: 351 48% 64%;
+  --tw-destructive-foreground: 0 0% 100%;
+  --tw-border: 214 24% 88%;
+  --tw-input: 214 24% 88%;
+  --tw-ring: 216 32% 53%;
+  --tw-success: 174 22% 52%;
+
+  --primary: 216 32% 53%;
+  --primary-foreground: 0 0% 100%;
+  --primary-grad-from: 209 39% 66%;
+  --primary-grad-to: 216 32% 53%;
+  --primary-ring: 216 32% 53%;
+
+  --input-bg: #ffffff;
+  --input-border-main: #d3dce7;
+  --input-border-hover: #b2c1d3;
+  --input-border-focus: var(--accent);
+  --input-placeholder: #94a1b3;
+  --input-error: var(--danger);
+  --input-success: var(--success-strong);
+
+  --table-head-bg: #f2f5f9;
+  --table-row-hover: #f7f9fc;
+
+  --tab-track: #edf2f7;
+  --tab-indicator: #ffffff;
+  --tab-text: #73839a;
+  --tab-text-active: #2f3d50;
+
+  --menu-surface: #ffffff;
+  --menu-border: #dde5ef;
+  --header-glass: rgba(255, 255, 255, 0.94);
+  --header-text: #2f3d50;
+
+  --shell-main-bg: #f5f7fb;
+  --shell-hero-bg: linear-gradient(135deg, #5f7fae 0%, #7a9bc0 55%, #9dbbd6 100%);
+  --public-overlay-bg: rgba(39, 54, 75, 0.56);
+  --auth-card-bg: rgba(255, 255, 255, 0.95);
+  --card-bg: rgba(255, 255, 255, 0.98);
+  --page-title-bg: rgba(255, 255, 255, 0.98);
+  --section-icon-bg: #e7edf5;
+  --avatar-bg: #e7edf5;
+  --menu-item-hover-bg: #eef3f8;
+  --menu-item-active-bg: #e7edf5;
+
+  --sidebar-bg: linear-gradient(180deg, #223247 0%, #314967 60%, #54718b 100%);
+  --sidebar-text: #e8eef5;
+  --sidebar-foreground: #e8eef5;
+  --sidebar-active-text: #ffffff;
+  --sidebar-muted: rgba(232, 238, 245, 0.72);
+  --sidebar-icon: #9dbbd6;
+  --sidebar-icon-active: #f8fbff;
+  --sidebar-hover: rgba(255, 255, 255, 0.08);
+  --sidebar-active: rgba(255, 255, 255, 0.11);
+  --sidebar-divider: rgba(255, 255, 255, 0.08);
+  --sidebar-submenu-border: rgba(255, 255, 255, 0.1);
+
+  --shell-hero-from: #5f7fae;
+  --shell-hero-mid: #7a9bc0;
+  --shell-hero-to: #9dbbd6;
+
+  --button-primary-bg: linear-gradient(135deg, #5f7fae 0%, #89a9cb 100%);
+  --button-primary-shadow: 0 10px 24px -16px rgba(95, 127, 174, 0.34);
+  --button-confirm-bg: linear-gradient(135deg, #6ba19a 0%, #86b8b1 100%);
+  --button-confirm-shadow: 0 10px 24px -16px rgba(107, 161, 154, 0.28);
+  --button-destructive-bg: #cf7682;
+  --button-destructive-shadow: 0 10px 24px -16px rgba(207, 118, 130, 0.28);
+  --button-outline-bg: #ffffff;
+  --button-secondary-bg: #eef2f6;
+  --button-ghost-hover-bg: #eef3f8;
+
+  --datatable-bg: #ffffff;
+  --empty-icon-bg: #e7edf5;
+  --tabs-shadow: rgba(39, 54, 75, 0.03);
+  --tab-indicator-shadow: rgba(39, 54, 75, 0.08);
+
+  --stat-sky-bg: #edf3f8;
+  --stat-emerald-bg: #edf5f4;
+  --stat-violet-bg: #f0f1f8;
+  --stat-rose-bg: #f4f4f8;
+  --stat-icon-bg: #ffffff;
+
+  --switch-track-bg: #dfe6ee;
+  --switch-active-bg: #5f7fae;
+
+  --detail-cell-bg: #ffffff;
+  --detail-cell-hover-bg: #f7f9fc;
+  --code-card-bg: #f1f4f8;
+  --code-panel-bg: #182335;
+  --code-copy-hover-bg: #2a3a52;
+  --results-badge-bg: #e8eef5;
+  --spending-card-bg: #edf3f8;
+  --message-success-bg: #eef5f4;
+  --message-error-bg: #fbeff1;
+
+  --balance-value-color: #5f7fae;
+  --spending-value-color: #455a78;
+  --success-text: #5d8c87;
+  --sidebar-active-border: rgba(255, 255, 255, 0.14);
+
+  --tone-emerald: #6ba19a;
+  --tone-emerald-soft: rgba(107, 161, 154, 0.14);
+  --tone-sky: #6d8ab1;
+  --tone-sky-soft: rgba(109, 138, 177, 0.14);
+  --tone-violet: #8a97bf;
+  --tone-violet-soft: rgba(138, 151, 191, 0.14);
+  --tone-rose: #5f7fae;
+  --tone-rose-soft: rgba(95, 127, 174, 0.14);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] {
+  color-scheme: dark;
+  --brand-asphalt: #111824;
+  --brand-cobalt: #9fb3cc;
+  --brand-amethyst: #aab2d1;
+  --brand-moon-spot: #8f9fb6;
+  --brand-dolphin: #6e7f96;
+
+  --bg: #0f1420;
+  --surface: #171d2a;
+  --surface-strong: #1e2533;
+  --surface-elevated: #252d3f;
+  --grey: #131927;
+  --grey-strong: #283244;
+  --border: #293243;
+  --border-strong: #354158;
+
+  --text: #e7edf5;
+  --text-strong: #ffffff;
+  --muted: #9ca9bb;
+
+  --accent: #8faed1;
+  --accent-soft: rgba(143, 174, 209, 0.18);
+  --accent-strong: #b1c6dd;
+  --accent-2: #aab2d1;
+  --danger: #e29aa5;
+  --danger-soft: rgba(226, 154, 165, 0.16);
+  --success-strong: #8ab7b1;
+  --success-soft: rgba(138, 183, 177, 0.16);
+  --info: #9fb3cc;
+  --info-soft: rgba(159, 179, 204, 0.18);
+
+  --shadow: 0 22px 48px -30px rgba(0, 0, 0, 0.72);
+  --shadow-sm: 0 14px 30px -24px rgba(0, 0, 0, 0.56);
+  --menu-shadow: 0 24px 52px -30px rgba(0, 0, 0, 0.64);
+  --focus-ring: rgba(143, 174, 209, 0.22);
+
+  --confirm: 210 35% 68%;
+  --confirm-foreground: 214 24% 18%;
+
+  --tw-background: 221 31% 9%;
+  --tw-foreground: 210 26% 95%;
+  --tw-card: 218 27% 14%;
+  --tw-card-foreground: 210 26% 95%;
+  --tw-popover: 218 27% 14%;
+  --tw-popover-foreground: 210 26% 95%;
+  --tw-primary: 212 33% 69%;
+  --tw-primary-foreground: 222 30% 13%;
+  --tw-secondary: 219 21% 18%;
+  --tw-secondary-foreground: 210 26% 95%;
+  --tw-muted: 218 20% 16%;
+  --tw-muted-foreground: 214 14% 72%;
+  --tw-accent: 209 34% 75%;
+  --tw-accent-foreground: 222 30% 13%;
+  --tw-destructive: 351 53% 74%;
+  --tw-destructive-foreground: 0 0% 100%;
+  --tw-border: 217 23% 24%;
+  --tw-input: 217 23% 24%;
+  --tw-ring: 212 33% 69%;
+  --tw-success: 173 25% 63%;
+
+  --primary: 212 33% 69%;
+  --primary-foreground: 222 30% 13%;
+  --primary-grad-from: 209 34% 75%;
+  --primary-grad-to: 212 33% 69%;
+  --primary-ring: 212 33% 69%;
+
+  --input-bg: #20293a;
+  --input-border-main: #334154;
+  --input-border-hover: #485a73;
+  --input-placeholder: #8e9fb4;
+
+  --table-head-bg: #1a2231;
+  --table-row-hover: #202939;
+
+  --tab-track: #121925;
+  --tab-indicator: #243041;
+  --tab-text: #9ca9bb;
+  --tab-text-active: #ffffff;
+
+  --menu-surface: #161e2c;
+  --menu-border: #2a3548;
+  --header-glass: #171f2d;
+  --header-text: #f4f7fb;
+
+  --shell-main-bg: #0f1420;
+  --shell-hero-bg: linear-gradient(135deg, #151b27 0%, #243346 60%, #36506a 100%);
+  --public-overlay-bg: rgba(15, 20, 32, 0.78);
+  --auth-card-bg: #151e2b;
+  --card-bg: #182130;
+  --page-title-bg: #1d2737;
+  --section-icon-bg: #1f293a;
+  --avatar-bg: #202b3d;
+  --menu-item-hover-bg: #1f2838;
+  --menu-item-active-bg: #243041;
+
+  --sidebar-bg: linear-gradient(180deg, #121923 0%, #1b2738 60%, #27394f 100%);
+  --sidebar-text: #dee5ee;
+  --sidebar-foreground: #dee5ee;
+  --sidebar-active-text: #ffffff;
+  --sidebar-muted: #99a7ba;
+  --sidebar-icon: #b1c6dd;
+  --sidebar-icon-active: #f8fbff;
+  --sidebar-hover: rgba(255, 255, 255, 0.06);
+  --sidebar-active: rgba(143, 174, 209, 0.16);
+  --sidebar-divider: rgba(255, 255, 255, 0.08);
+  --sidebar-submenu-border: rgba(255, 255, 255, 0.1);
+
+  --button-primary-bg: linear-gradient(135deg, #7595bf 0%, #99b3d3 100%);
+  --button-primary-shadow: 0 16px 32px -18px rgba(143, 174, 209, 0.34);
+  --button-confirm-bg: linear-gradient(135deg, #7aa8a1 0%, #9ec6c0 100%);
+  --button-confirm-shadow: 0 14px 28px -18px rgba(138, 183, 177, 0.28);
+  --button-destructive-bg: #e29aa5;
+  --button-destructive-shadow: 0 10px 24px -14px rgba(226, 154, 165, 0.3);
+  --button-outline-bg: #1b2434;
+  --button-secondary-bg: #202939;
+  --button-ghost-hover-bg: #1f2838;
+
+  --datatable-bg: #161e2c;
+  --empty-icon-bg: #223041;
+  --tabs-shadow: rgba(0, 0, 0, 0.22);
+  --tab-indicator-shadow: rgba(0, 0, 0, 0.28);
+
+  --stat-sky-bg: #192332;
+  --stat-emerald-bg: #192726;
+  --stat-violet-bg: #1d2234;
+  --stat-rose-bg: #1a2230;
+  --stat-icon-bg: #243041;
+
+  --switch-track-bg: #243041;
+  --switch-active-bg: #8faed1;
+
+  --detail-cell-bg: #1a2231;
+  --detail-cell-hover-bg: #202939;
+  --code-card-bg: #161e2c;
+  --code-panel-bg: #0d1420;
+  --code-copy-hover-bg: #243041;
+  --results-badge-bg: #1f2a3b;
+  --spending-card-bg: #1a2230;
+  --message-success-bg: #182625;
+  --message-error-bg: #311e24;
+
+  --balance-value-color: #b1c6dd;
+  --spending-value-color: #d2dbe6;
+  --success-text: #9ec6c0;
+  --sidebar-active-border: rgba(143, 174, 209, 0.22);
+
+  --tone-emerald: #8ab7b1;
+  --tone-emerald-soft: rgba(138, 183, 177, 0.18);
+  --tone-sky: #9fb3cc;
+  --tone-sky-soft: rgba(159, 179, 204, 0.18);
+  --tone-violet: #aab2d1;
+  --tone-violet-soft: rgba(170, 178, 209, 0.18);
+  --tone-rose: #8faed1;
+  --tone-rose-soft: rgba(143, 174, 209, 0.18);
+}
+
+
+:root[data-client-theme='uat-aurora'] body,
+:root[data-client-theme='uat-aurora'] input,
+:root[data-client-theme='uat-aurora'] button,
+:root[data-client-theme='uat-aurora'] select,
+:root[data-client-theme='uat-aurora'] textarea {
+  font-family: var(--font-family-base);
+}
+
+:root[data-client-theme='uat-aurora'] h1,
+:root[data-client-theme='uat-aurora'] h2,
+:root[data-client-theme='uat-aurora'] h3,
+:root[data-client-theme='uat-aurora'] h4,
+:root[data-client-theme='uat-aurora'] h5,
+:root[data-client-theme='uat-aurora'] h6 {
+  font-family: var(--font-family-heading);
+}
+
+:root[data-client-theme='uat-aurora'] code,
+:root[data-client-theme='uat-aurora'] pre {
+  font-family: var(--font-family-mono);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='main-layout'] {
+  background: var(--shell-main-bg);
+  color: var(--text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='main-layout'] [data-slot='hero-bg'] {
+  background: var(--shell-hero-bg);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='header']:not(.bg-transparent) {
+  background: var(--header-glass);
+  color: var(--header-text);
+  border: 1px solid var(--border);
+  box-shadow: var(--shadow-sm);
+  backdrop-filter: none;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='header'] [data-slot='avatar'] {
+  background: var(--avatar-bg);
+  color: var(--accent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, var(--border));
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='header'] [data-slot='user-menu'] {
+  border-color: var(--menu-border);
+  background: var(--menu-surface);
+  box-shadow: var(--menu-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='header'] [data-slot='user-menu'] button:hover {
+  background: var(--menu-item-hover-bg);
+  color: var(--text-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='header'] [data-slot='user-menu'] button[aria-current='page'] {
+  background: var(--menu-item-active-bg);
+  color: var(--text-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='public-layout'] [data-slot='overlay'] {
+  background: var(--public-overlay-bg);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-shell='auth-card'] {
+  border-color: var(--border-strong);
+  background: var(--auth-card-bg);
+  box-shadow: var(--shadow);
+  backdrop-filter: none;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-card],
+:root[data-client-theme='uat-aurora'] [data-main-fe-page-title],
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] {
+  border-color: var(--border-strong);
+  background: var(--card-bg);
+  color: var(--text);
+  box-shadow: var(--shadow);
+  backdrop-filter: none;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-page-title] {
+  background: var(--page-title-bg);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-client-shell='header']:not(.bg-transparent) {
+  border-color: var(--border);
+  box-shadow: 0 18px 36px -28px rgba(0, 0, 0, 0.72);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-main-fe-card],
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-main-fe-datatable] {
+  border-color: var(--border);
+  box-shadow: 0 20px 44px -32px rgba(0, 0, 0, 0.72);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-main-fe-page-title] {
+  border-color: var(--border);
+  box-shadow: 0 24px 50px -34px rgba(0, 0, 0, 0.78);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-main-fe-sidebar] {
+  border-color: var(--border-strong);
+  box-shadow: 0 26px 48px -34px rgba(0, 0, 0, 0.76);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='control'],
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='control'] {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+:root[data-ui-color-mode='dark'][data-client-theme='uat-aurora'] [data-client-home='metrics'] [data-main-fe-stat-card] {
+  border-color: var(--border) !important;
+  background: var(--surface-elevated) !important;
+  box-shadow: 0 16px 34px -24px rgba(0, 0, 0, 0.56) !important;
+}
+
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-page-title] [data-slot='title'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-section-title] [data-slot='title'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-card] [data-slot='card-title'] {
+  color: var(--text-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-page-title] [data-slot='subtitle'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-section-title] [data-slot='subtitle'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-card-description] {
+  color: var(--muted);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-section-title] [data-slot='icon'] {
+  background: var(--section-icon-bg);
+  color: var(--accent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, var(--border));
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button] {
+  border-color: transparent;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button]:focus-visible {
+  box-shadow: 0 0 0 4px var(--focus-ring) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='create'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='default'] {
+  background: var(--button-primary-bg);
+  color: #fff;
+  box-shadow: var(--button-primary-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='confirm'] {
+  background: var(--button-confirm-bg);
+  color: #fff;
+  box-shadow: var(--button-confirm-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='destructive'] {
+  background: var(--button-destructive-bg);
+  color: #fff;
+  box-shadow: var(--button-destructive-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='outline'] {
+  border-color: var(--border-strong);
+  background: var(--button-outline-bg);
+  color: var(--text);
+  box-shadow: var(--shadow-sm);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='secondary'] {
+  background: var(--button-secondary-bg);
+  color: var(--text-strong);
+  box-shadow: var(--shadow-sm);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='ghost'] {
+  color: var(--text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='ghost']:hover {
+  background: var(--button-ghost-hover-bg);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-button][data-variant='link'] {
+  color: var(--accent-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] > label,
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] > label {
+  color: var(--text-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='control'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='control'] {
+  border-color: var(--input-border-main);
+  background: var(--input-bg);
+  color: var(--text);
+  box-shadow: none;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='control']::placeholder,
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='control']::placeholder {
+  color: var(--input-placeholder);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='control']:hover,
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='control']:hover {
+  border-color: var(--input-border-hover);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='control']:focus-visible,
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='control']:focus-visible,
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='toggle']:focus-visible {
+  box-shadow: 0 0 0 4px var(--focus-ring) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='prefix'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-input] [data-slot='suffix-wrap'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='chevron'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='clear'] {
+  color: var(--muted);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='dropdown'] {
+  border-color: var(--menu-border);
+  background: var(--menu-surface);
+  box-shadow: var(--menu-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='option']:hover,
+:root[data-client-theme='uat-aurora'] [data-main-fe-combobox] [data-slot='option'][data-highlighted='true'] {
+  background: var(--menu-item-hover-bg);
+  color: var(--text-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-tabs] {
+  border-color: var(--border);
+  background: var(--tab-track);
+  box-shadow: inset 0 1px 0 var(--tabs-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-tabs] [data-slot='indicator'] {
+  background: var(--tab-indicator);
+  box-shadow: 0 1px 2px var(--tab-indicator-shadow);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-tabs] [data-slot='tab'] {
+  color: var(--tab-text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-tabs] [data-slot='tab'][data-active='true'] {
+  color: var(--tab-text-active);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] [data-slot='sticky-header'] {
+  border-bottom: 1px solid var(--border);
+  background: var(--table-head-bg) !important;
+  box-shadow: 0 10px 22px -18px rgba(15, 23, 42, 0.4);
+  backdrop-filter: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] [data-slot='sticky-header'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] [data-slot='header'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] [data-slot='head-row'] {
+  background: var(--table-head-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] th,
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] td {
+  color: var(--text);
+  border-color: var(--border);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] th {
+  color: var(--muted) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] [data-slot='body-row']:hover {
+  background: var(--table-row-hover) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-datatable] [data-slot='empty-icon'] {
+  background: var(--empty-icon-bg);
+  color: var(--accent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, var(--border));
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] {
+  border-top-color: var(--border);
+  color: var(--muted);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] [data-slot='page-size'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] [data-slot='current'] {
+  color: var(--text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] [data-slot='page-size-select'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] [data-slot='nav-button'] {
+  border-color: var(--border);
+  background: var(--surface);
+  color: var(--text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] [data-slot='nav-button']:hover,
+:root[data-client-theme='uat-aurora'] [data-main-fe-pagination] [data-slot='page-size-select']:hover {
+  background: var(--surface-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar] {
+  background: var(--sidebar-bg);
+  color: var(--sidebar-foreground);
+  border: 1px solid var(--border);
+  box-shadow: var(--shadow-sm);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar] [data-slot='header'] {
+  padding-top: 16px;
+  padding-bottom: 8px;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar] [data-slot='brand-badge'] {
+  background: var(--avatar-bg);
+  color: var(--accent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, var(--border));
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar] [data-slot='brand-label'] {
+  color: var(--sidebar-active-text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar] [data-slot='divider'] {
+  background: transparent;
+  margin-top: 0;
+  margin-bottom: 8px;
+  height: 0;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='action'] {
+  color: var(--sidebar-text);
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='icon'] {
+  color: var(--sidebar-icon);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='label'] {
+  color: var(--sidebar-text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-active='true'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-branch-active='true'] {
+  background: var(--sidebar-active);
+  border: 1px solid var(--sidebar-active-border);
+  box-shadow: none;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-active='true'] [data-slot='action'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-branch-active='true'] [data-slot='action'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-active='true'] [data-slot='label'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-branch-active='true'] [data-slot='label'] {
+  color: var(--sidebar-active-text);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-active='true'] [data-slot='icon'],
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row'][data-branch-active='true'] [data-slot='icon'] {
+  color: var(--sidebar-icon-active);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='row']:not([data-active='true']):not([data-branch-active='true']):hover {
+  background: var(--sidebar-hover);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-sidebar-item] [data-slot='submenu'] {
+  border-color: var(--sidebar-submenu-border);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card][data-tone='sky'] {
+  border-color: var(--border) !important;
+  background: var(--stat-sky-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card][data-tone='emerald'] {
+  border-color: var(--border) !important;
+  background: var(--stat-emerald-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card][data-tone='violet'] {
+  border-color: var(--border) !important;
+  background: var(--stat-violet-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card][data-tone='rose'] {
+  border-color: var(--border) !important;
+  background: var(--stat-rose-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card] [data-slot='label'] {
+  color: var(--muted);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card] [data-slot='value'] {
+  color: var(--text-strong);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-stat-card] [data-slot='icon'] {
+  background: var(--stat-icon-bg);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-switch] [data-slot='track'] {
+  border-color: var(--border-strong);
+  background: var(--switch-track-bg);
+}
+
+:root[data-client-theme='uat-aurora'] [data-main-fe-switch] input:checked + [data-slot='track'] {
+  border-color: var(--accent-strong);
+  background: var(--switch-active-bg);
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='base-url'],
+:root[data-client-theme='uat-aurora'] [data-client-models='model-card'] [data-slot='pricing'],
+:root[data-client-theme='uat-aurora'] [data-client-home='usage-overview'] [data-slot='model-row'],
+:root[data-client-theme='uat-aurora'] [data-client-request-logs='detail'] [data-slot='detail-cell'] {
+  border-color: var(--border) !important;
+  background: var(--detail-cell-bg) !important;
+  box-shadow: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='usage-overview'] [data-slot='model-row']:hover {
+  border-color: var(--border-strong) !important;
+  background: var(--detail-cell-hover-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='base-url-value'] {
+  color: var(--muted) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='base-url-copy'] {
+  color: var(--accent) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='base-url-copy']:hover {
+  color: var(--accent-strong) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='code-card'] {
+  border-color: var(--border) !important;
+  background: var(--code-card-bg) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='code-panel'] {
+  border-color: var(--border) !important;
+  background: var(--code-panel-bg) !important;
+  box-shadow: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='code-pre'] {
+  color: #eff6ff !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='copy-code'] {
+  color: #a5d8ff !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='copy-code']:hover {
+  background: var(--code-copy-hover-bg) !important;
+  color: #ffffff !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='metrics'] [data-slot='metrics-title'],
+:root[data-client-theme='uat-aurora'] [data-client-home='usage-overview'] [data-slot='models-title'],
+:root[data-client-theme='uat-aurora'] [data-client-home='test-api'] [data-slot='field-label'] {
+  color: var(--text-strong) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='metrics'] [data-slot='balance-value'] {
+  color: var(--balance-value-color) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-home='metrics'] [data-slot='spending-value'] {
+  color: var(--spending-value-color) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-dashboard='page'] [data-slot='filters'],
+:root[data-client-theme='uat-aurora'] [data-client-dashboard='page'] [data-slot='chart-card'],
+:root[data-client-theme='uat-aurora'] [data-client-models='filters'],
+:root[data-client-theme='uat-aurora'] [data-client-models='page'] [data-slot='empty-state'],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='page'] [data-slot='toolbar'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='history'] [data-slot='filters'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='redeem-panel'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='notice'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='overview'] [data-slot='stats-shell'] {
+  border-color: var(--border) !important;
+  background: var(--card-bg) !important;
+  box-shadow: var(--shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='page'] [data-slot='page-title-shell'] [data-main-fe-page-title],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='page'] [data-slot='toolbar'] {
+  border-color: transparent !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  backdrop-filter: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-dashboard='page'] [data-slot='modal-overlay'],
+:root[data-client-theme='uat-aurora'] [data-client-models='page'] [data-slot='modal-overlay'],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='modal'] [data-slot='modal-overlay'],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='confirm'] [data-slot='modal-overlay'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='modal'][data-slot='overlay'] {
+  background: var(--public-overlay-bg) !important;
+  backdrop-filter: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-dashboard='page'] [data-slot='modal-panel'],
+:root[data-client-theme='uat-aurora'] [data-client-models='page'] [data-slot='modal-panel'],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='modal'] [data-slot='modal-panel'],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='confirm'] [data-slot='modal-panel'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='modal'] [data-slot='panel'] {
+  border-color: var(--border) !important;
+  background: var(--card-bg) !important;
+  box-shadow: var(--menu-shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-models='page'] [data-slot='results-badge'] {
+  border-color: color-mix(in srgb, var(--accent) 18%, var(--border)) !important;
+  background: var(--results-badge-bg) !important;
+  color: var(--accent) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-models='model-card'] {
+  border-color: var(--border) !important;
+  background: var(--card-bg) !important;
+  box-shadow: var(--shadow-sm) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-models='model-card']:hover {
+  border-color: var(--border-strong) !important;
+  box-shadow: var(--shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='wallet'] [data-slot='tabs'] {
+  border-color: var(--border) !important;
+  background: var(--card-bg) !important;
+  box-shadow: var(--shadow-sm) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='wallet'] [data-slot='tab'] {
+  color: var(--text) !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='wallet'] [data-slot='tab'][data-active='true'] {
+  background: var(--button-primary-bg) !important;
+  color: #fff !important;
+  box-shadow: var(--button-primary-shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='wallet'] [data-slot='tab']:not([data-active='true']):hover {
+  background: var(--button-ghost-hover-bg) !important;
+  color: var(--text-strong) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='overview'] [data-slot='balance-card'] {
+  border-color: var(--border) !important;
+  background: var(--stat-rose-bg) !important;
+  box-shadow: var(--shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='overview'] [data-slot='spending-card'] {
+  border-color: color-mix(in srgb, var(--tone-sky) 18%, var(--border)) !important;
+  background: var(--spending-card-bg) !important;
+  box-shadow: var(--shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='overview'] [data-slot='topup-action'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='coupon-submit'] {
+  background: var(--button-primary-bg) !important;
+  color: #fff !important;
+  box-shadow: var(--button-primary-shadow) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='overview'] [data-slot='stat-item'] {
+  border-color: var(--border) !important;
+  background: var(--surface-strong) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='coupon-input'] {
+  border-color: var(--input-border-main) !important;
+  background: var(--input-bg) !important;
+  color: var(--text) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='coupon-input']::placeholder {
+  color: var(--input-placeholder) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='message'][data-type='success'] {
+  border-color: color-mix(in srgb, var(--success-strong) 26%, var(--border)) !important;
+  background: var(--message-success-bg) !important;
+  color: var(--success-text) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-credit='topup'] [data-slot='message'][data-type='error'] {
+  border-color: color-mix(in srgb, var(--danger) 28%, var(--border)) !important;
+  background: var(--message-error-bg) !important;
+  color: var(--danger) !important;
+}
+
+:root[data-client-theme='uat-aurora'] [data-client-dashboard='page'],
+:root[data-client-theme='uat-aurora'] [data-client-models='page'],
+:root[data-client-theme='uat-aurora'] [data-client-credit='wallet'],
+:root[data-client-theme='uat-aurora'] [data-client-api-keys='page'],
+:root[data-client-theme='uat-aurora'] [data-client-request-logs='page'] {
+  color: var(--text);
+}