/* Sinapsi UI — theme variants and font scale */
:root[data-theme='sinapsi-ne'],
:root[data-theme='flat-grey'],
:root[data-theme='flat-gray'] {
  --theme-body-bg: #f9f9f9;
  --theme-sidebar-bg: #f2f2f2;
  --theme-surface: #f9f9f9;
  --theme-surface-elevated: #ffffff;
  --theme-surface-muted: #f2f2f2;
  --theme-text: #141414;
  --theme-text-muted: #141414;
  --theme-text-soft: #141414;
  --theme-border: #e0e0e0;
  --theme-border-soft: #ededed;
  --theme-border-strong: #d4d4d4;
  --theme-link: #141414;
  --theme-link-hover-bg: #e5e5e5;
  --theme-menu-active-bg: #e5e5e5;
  --theme-menu-text: #141414;
  --theme-menu-text-active: #141414;
  --theme-menu-active-shadow: rgba(20, 20, 20, 0.06);
  --theme-button-bg: #141414;
  --theme-button-bg-hover: #333333;
  --theme-button-text: #ffffff;
  --theme-input-bg: #ffffff;
  --theme-focus: #141414;
  --theme-status-info-bg: #f9f9f9;
  --theme-status-info-color: #5f7fa8;
  --theme-status-info-border: #9fbbe0;
  --theme-status-ok-bg: #f9f9f9;
  --theme-status-ok-color: #34785c;
  --theme-status-ok-border: #9fc9a2;
  --theme-danger: #cf2d56;
  --theme-danger-soft: #f3d4dc;
  --theme-danger-button-bg: var(--theme-danger);
  --theme-danger-button-bg-hover: color-mix(in srgb, var(--theme-danger) 82%, #000000);
  --theme-danger-button-text: #ffffff;
  --theme-icon-main: #737373;
  --theme-icon-settings: #737373;
  --theme-icon-security: #737373;
  --theme-icon-passkeys: #737373;
  --theme-icon-backup: #737373;
  --theme-icon-applications: #737373;
  --theme-icon-wallet: #737373;
  --theme-icon-addresses: #737373;
  --theme-shadow-accent: rgba(20, 20, 20, 0.08);
  --theme-accent: #141414;
}

:root[data-theme='default-brand'] {
  --theme-link: var(--tenant-primary-color, #1a73e8);
  --theme-link-hover-bg: color-mix(in srgb, var(--tenant-primary-color, #1a73e8) 14%, white);
  --theme-menu-active-bg: color-mix(in srgb, var(--tenant-primary-color, #2e7af9) 16%, var(--theme-sidebar-bg, #f2f2f2));
  --theme-menu-text-active: var(--tenant-primary-color, #2e7af9);
  --theme-button-bg: var(--tenant-primary-color, rgb(20, 20, 20));
  --theme-button-bg-hover: var(--tenant-primary-color-hover, rgb(40, 40, 40));
  --theme-button-text: var(--tenant-primary-text-color, #ffffff);
  --theme-focus: var(--tenant-primary-color, #1a73e8);
  --theme-accent: var(--tenant-primary-color, #1a73e8);
}


:root[data-theme='flat-pastel'] {
  --theme-body-bg: rgb(247, 247, 247);
  --theme-surface: rgb(252, 252, 252);
  --theme-surface-elevated: #f8fbff;
  --theme-surface-muted: #eaf1ff;
  --theme-text: #141414;
  --theme-text-muted: #141414;
  --theme-text-soft: #141414;
  --theme-border: #d3deef;
  --theme-border-soft: #e2eaf8;
  --theme-border-strong: #c1d4f4;
  --theme-link: #4f76bf;
  --theme-link-hover-bg: color-mix(in srgb, #4f76bf 14%, white);
  --theme-menu-active-bg: #dfe9ff;
  --theme-menu-text: #141414;
  --theme-menu-text-active: #4f76bf;
  --theme-button-bg: #6788c8;
  --theme-button-bg-hover: #5778b7;
  --theme-button-text: #f7f9ff;
  --theme-input-bg: #f2f6ff;
  --theme-focus: #6788c8;
  --theme-status-info-bg: #e4edff;
  --theme-status-info-color: #4f71b2;
  --theme-status-info-border: #c8d9f7;
  --theme-status-ok-bg: #edf8f1;
  --theme-status-ok-color: #5a9a78;
  --theme-status-ok-border: #cfe8d9;
  --theme-danger: #d87189;
  --theme-danger-soft: #f4c8d2;
  --theme-danger-button-bg: var(--theme-danger);
  --theme-danger-button-bg-hover: color-mix(in srgb, var(--theme-danger) 82%, #000000);
  --theme-danger-button-text: #ffffff;
  --theme-icon-main: #7f94be;
  --theme-icon-settings: #6788c8;
  --theme-icon-security: #74ad9f;
  --theme-icon-passkeys: #8b84c9;
  --theme-icon-backup: #caa06f;
  --theme-icon-applications: #5f8fcc;
  --theme-icon-wallet: #5fa79b;
  --theme-icon-addresses: #bf7f9f;
  --theme-accent: #6788c8;
  --chart-series-01: #5a9a78;
  --chart-series-02: #6788c8;
  --chart-series-03: #caa06f;
  --chart-series-04: #d87189;
  --chart-series-05: #6788c8;
  --chart-series-06: #9aa0a6;
  --chart-series-07: #b87a5a;
  --chart-series-08: #c87a96;
  --chart-series-09: #8f7ab8;
  --chart-series-10: #6f7ab8;
  --chart-series-11: #5a8f96;
  --chart-series-12: #7584a2;
  --chart-color-empty: #e2eaf8;
  --chart-geo-light: #eaf1ff;
  --chart-geo-dark: #42506f;
}

:root[data-theme='flat-dark'] {
  --theme-body-bg: #101417;
  --theme-sidebar-bg: #171c20;
  --theme-surface: #171c20;
  --theme-surface-elevated: #1d2329;
  --theme-surface-muted: #222a31;
  --theme-text: rgba(243, 246, 249, 0.94);
  --theme-text-muted: rgba(243, 246, 249, 0.72);
  --theme-text-soft: #9aa6b4;
  --theme-border: #2e3842;
  --theme-border-soft: #25303a;
  --theme-border-strong: #3e4c5a;
  --theme-link: #c5ddff;
  --theme-link-hover-bg: color-mix(in srgb, #8ab4ff 18%, #101417);
  --theme-menu-active-bg: #2b3641;
  --theme-menu-text: #c4ced8;
  --theme-menu-text-active: #f3f6f9;
  --theme-menu-active-shadow: rgba(20, 20, 20, 0.3);
  --theme-button-bg: #8ab4ff;
  --theme-button-bg-hover: #6ea8fe;
  --theme-button-text: #0d141b;
  --theme-input-bg: rgba(255, 255, 255, 0.06);
  --theme-focus: #8ab4ff;
  --theme-status-info-bg: #16202d;
  --theme-status-info-color: #a8c7fa;
  --theme-status-info-border: #29415f;
  --theme-status-ok-bg: #14241b;
  --theme-status-ok-color: #81c995;
  --theme-status-ok-border: #28533a;
  --theme-danger: #f28b82;
  --theme-danger-soft: #5c2f2d;
  --theme-danger-button-bg: var(--theme-danger);
  --theme-danger-button-bg-hover: color-mix(in srgb, var(--theme-danger) 82%, #000000);
  --theme-danger-button-text: #ffffff;
  --theme-icon-main: #9ec5ff;
  --theme-icon-settings: #f5c97a;
  --theme-icon-security: #7dd3a8;
  --theme-icon-passkeys: #c4a7ff;
  --theme-icon-backup: #ffb86b;
  --theme-icon-applications: #9ac7ff;
  --theme-icon-wallet: #7ad0c1;
  --theme-icon-addresses: #f0a6c1;
  --theme-shadow-accent: rgba(20, 20, 20, 0.38);
  --theme-accent: #8ab4ff;
  --chart-series-01: #81c995;
  --chart-series-02: #8ab4ff;
  --chart-series-03: #f5c97a;
  --chart-series-04: #f28b82;
  --chart-series-05: #9ac7ff;
  --chart-series-06: #9aa6b4;
  --chart-series-07: #ffb86b;
  --chart-series-08: #f0a6c1;
  --chart-series-09: #c4a7ff;
  --chart-series-10: #7ad0c1;
  --chart-series-11: #f5c97a;
  --chart-series-12: #9aa6b4;
  --chart-color-empty: #2e3842;
  --chart-geo-light: #2e3842;
  --chart-geo-dark: #f3f6f9;
}

:root[data-theme='flat-fluo'] {
  --theme-body-bg: rgb(247, 247, 247);
  --theme-surface: rgb(252, 252, 252);
  --theme-surface-elevated: #ffffff;
  --theme-surface-muted: #f8f9fa;
  --theme-text: #141414;
  --theme-text-muted: #141414;
  --theme-text-soft: #141414;
  --theme-border: #dadce0;
  --theme-border-soft: #eceff3;
  --theme-border-strong: #d2e3fc;
  --theme-link: #141414;
  --theme-link-hover-bg: color-mix(in srgb, #bfd800 14%, white);
  --theme-menu-active-bg: #e6ff2e;
  --theme-menu-text: #141414;
  --theme-menu-text-active: #141414;
  --theme-button-bg: #e6ff2e;
  --theme-button-bg-hover: #d6f216;
  --theme-button-text: #141414;
  --theme-input-bg: oklab(0.19125 0.00000869483 0.0000038445 / 0.06);
  --theme-focus: #bfd800;
  --theme-status-info-bg: rgb(247, 247, 247);
  --theme-status-info-color: #174ea6;
  --theme-status-info-border: #d2e3fc;
  --theme-status-ok-bg: rgb(247, 247, 247);
  --theme-status-ok-color: #137333;
  --theme-status-ok-border: #cce7d1;
  --theme-danger: #d93025;
  --theme-danger-soft: #f4c7c3;
  --theme-danger-button-bg: var(--theme-danger);
  --theme-danger-button-bg-hover: color-mix(in srgb, var(--theme-danger) 82%, #000000);
  --theme-danger-button-text: #ffffff;
  --theme-icon-main: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-settings: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-security: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-passkeys: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-backup: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-applications: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-wallet: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-addresses: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-accent: #e6ff2e;
  --chart-series-02: var(--sinapsi-black, rgb(20, 20, 20));
  --chart-series-03: #e37400;
  --chart-series-05: var(--sinapsi-black, rgb(20, 20, 20));
}

:root[data-theme='flat-sinapsi'] {
  --theme-body-bg: rgb(247, 247, 247);
  --theme-sidebar-bg: #f2f2f2;
  --theme-surface: rgb(252, 252, 252);
  --theme-surface-elevated: #ffffff;
  --theme-surface-muted: #f8f9fa;
  --theme-text: #141414;
  --theme-text-muted: #141414;
  --theme-text-soft: #141414;
  --theme-border: #dadce0;
  --theme-border-soft: #eceff3;
  --theme-border-strong: #d2e3fc;
  --theme-link: #141414;
  --theme-link-hover-bg: color-mix(in srgb, rgb(46, 122, 249) 14%, white);
  --theme-menu-active-bg: rgb(46, 122, 249);
  --theme-menu-text: #141414;
  --theme-menu-text-active: #ffffff;
  --theme-button-bg: rgb(46, 122, 249);
  --theme-button-bg-hover: rgb(31, 103, 223);
  --theme-button-text: #ffffff;
  --theme-input-bg: oklab(0.19125 0.00000869483 0.0000038445 / 0.06);
  --theme-focus: rgb(46, 122, 249);
  --theme-status-info-bg: rgb(247, 247, 247);
  --theme-status-info-color: #174ea6;
  --theme-status-info-border: #d2e3fc;
  --theme-status-ok-bg: rgb(247, 247, 247);
  --theme-status-ok-color: #137333;
  --theme-status-ok-border: #cce7d1;
  --theme-danger: #d93025;
  --theme-danger-soft: #f4c7c3;
  --theme-danger-button-bg: var(--theme-danger);
  --theme-danger-button-bg-hover: color-mix(in srgb, var(--theme-danger) 82%, #000000);
  --theme-danger-button-text: #ffffff;
  --theme-icon-main: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-settings: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-security: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-passkeys: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-backup: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-applications: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-wallet: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-icon-addresses: oklab(0.489505 0.0000223668 0.00000981271);
  --theme-accent: rgb(46, 122, 249);
  --chart-series-02: #2e7af9;
  --chart-series-05: #2e7af9;
}

:root[data-font-scale='minus-2'] {
  --ui-font-size: 13px;
  --ui-title-font-size: 16px;
  --ui-font-scale: 1;
}

:root[data-font-scale='minus-1'] {
  --ui-font-size: 14px;
  --ui-title-font-size: 14px;
  --ui-font-scale: 1;
}

:root[data-font-scale='default'] {
  --ui-font-size: 15px;
  --ui-title-font-size: 15px;
  --ui-font-scale: 1;
}

:root[data-font-scale='plus-1'] {
  --ui-font-size: 16px;
  --ui-title-font-size: 16px;
  --ui-font-scale: 1;
}

:root[data-font-scale='plus-2'] {
  --ui-font-size: 17px;
  --ui-title-font-size: 17px;
  --ui-font-scale: 1;
}

:root[data-font-scale='plus-3'] {
  --ui-font-size: 18px;
  --ui-title-font-size: 18px;
  --ui-font-scale: 1;
}
:root[data-theme='flat-dark'] .brand-account {
  font-weight: 300;
}