:root:root:root {
  --background: #F7F8FA;
  --foreground: #17171C;
  --card: #ECEEF3;
  --card-foreground: #17171C;
  --popover: #ECEEF3;
  --popover-foreground: #17171C;
  --primary: #BF3B33;
  --primary-foreground: #FFFFFF;
  --primary-glow: #BF3B33;
  --primary-text: #BF3B33;
  --secondary: #E3E6ED;
  --secondary-foreground: #17171C;
  --muted: #E3E6ED;
  --muted-foreground: #5E6778;
  --accent: #DBDFE8;
  --accent-foreground: #17171C;
  --border: #D4DAE4;
  --input: #D4DAE4;
  --ring: #BF3B33;
  --radius: 8px;
  --chart-1: #792520;
  --chart-2: #99342E;
  --chart-3: #B7443D;
  --chart-4: #C4655F;
  --chart-5: #CD8884;
  --destructive: #DC2626;
  --destructive-foreground: #FFFFFF;
  --success: #1B7C59;
  --warning: #8E6703;
  --attention: #B95504;
  --info: #0769E3;
  --destructive-tint: #F3C6C6;
  --success-tint: #C8F0E2;
  --warning-tint: #FAE9BF;
  --attention-tint: #FADABF;
  --info-tint: #BFD9FA;
  --sidebar: #ECEEF3;
  --sidebar-foreground: #17171C;
  --sidebar-primary: #BF3B33;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E3E6ED;
  --sidebar-accent-foreground: #17171C;
  --sidebar-border: #D4DAE4;
  --sidebar-ring: #BF3B33;
  --surface-tint: #E3E6ED;
  --surface-tint-border: #D4DAE4;
  --panel-bg: #ECEEF3;
  --table-header-bg: #E3E6ED;
  --scrollbar-thumb: #D4DAE4;
  --scrollbar-thumb-hover: #DBDFE8;
  --avatar-0: linear-gradient(to bottom right, #A03C36, #D48954);
  --avatar-1: linear-gradient(to bottom right, #BD3333, #E18E61);
  --avatar-2: linear-gradient(to bottom right, #D54734, #EBAB70);
  --avatar-3: linear-gradient(to bottom right, #C85B62, #E2A68D);
  --avatar-4: linear-gradient(to bottom right, #A9442D, #DD9A4B);
  --avatar-5: linear-gradient(to bottom right, #C7293E, #E87A59);
  --avatar-6: linear-gradient(to bottom right, #C26548, #DEB87D);
  --avatar-7: linear-gradient(to bottom right, #D1526A, #E89787);
  --avatar-8: linear-gradient(to bottom right, #B25025, #E5AF43);
  --avatar-9: linear-gradient(to bottom right, #B43C5B, #D97468);
  --avatar-10: linear-gradient(to bottom right, #CB723E, #E5C776);
  --avatar-11: linear-gradient(to bottom right, #DA4977, #EE8681);
  --avatar-12: linear-gradient(to bottom right, #A06436, #D4B954);
  --avatar-13: linear-gradient(to bottom right, #BD3367, #E16163);
  --avatar-14: linear-gradient(to bottom right, #D58434, #EBD970);
  --avatar-15: linear-gradient(to bottom right, #C85B8B, #E28D94);
  --brand-loader-mark: url("/appliance/assets/logo-light.png");
}
:root:root.dark {
  --background: #0C1522;
  --foreground: #F2F2F5;
  --card: #111D2F;
  --card-foreground: #F2F2F5;
  --popover: #111D2F;
  --popover-foreground: #F2F2F5;
  --primary: #BF3B33;
  --primary-foreground: #FFFFFF;
  --primary-glow: #BF3B33;
  --primary-text: #D15B54;
  --secondary: #15243B;
  --secondary-foreground: #F2F2F5;
  --muted: #15243B;
  --muted-foreground: #929CAA;
  --accent: #182A44;
  --accent-foreground: #F2F2F5;
  --border: #1B2F4B;
  --input: #1B2F4B;
  --ring: #BF3B33;
  --radius: 8px;
  --chart-1: #E7AAA6;
  --chart-2: #DB8A85;
  --chart-3: #CC6C66;
  --chart-4: #BB4F49;
  --chart-5: #98433E;
  --destructive: #E24949;
  --destructive-foreground: #111111;
  --success: #34D399;
  --warning: #FBBF24;
  --attention: #FB923C;
  --info: #60A5FA;
  --destructive-tint: #451717;
  --success-tint: #194334;
  --warning-tint: #4A3A12;
  --attention-tint: #4A2B12;
  --info-tint: #122B4A;
  --sidebar: #111D2F;
  --sidebar-foreground: #F2F2F5;
  --sidebar-primary: #BF3B33;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #15243B;
  --sidebar-accent-foreground: #F2F2F5;
  --sidebar-border: #1B2F4B;
  --sidebar-ring: #BF3B33;
  --surface-tint: #15243B;
  --surface-tint-border: #1B2F4B;
  --panel-bg: #111D2F;
  --table-header-bg: #15243B;
  --scrollbar-thumb: #1B2F4B;
  --scrollbar-thumb-hover: #182A44;
  --avatar-0: linear-gradient(to bottom right, #A03C36, #D48954);
  --avatar-1: linear-gradient(to bottom right, #BD3333, #E18E61);
  --avatar-2: linear-gradient(to bottom right, #D54734, #EBAB70);
  --avatar-3: linear-gradient(to bottom right, #C85B62, #E2A68D);
  --avatar-4: linear-gradient(to bottom right, #A9442D, #DD9A4B);
  --avatar-5: linear-gradient(to bottom right, #C7293E, #E87A59);
  --avatar-6: linear-gradient(to bottom right, #C26548, #DEB87D);
  --avatar-7: linear-gradient(to bottom right, #D1526A, #E89787);
  --avatar-8: linear-gradient(to bottom right, #B25025, #E5AF43);
  --avatar-9: linear-gradient(to bottom right, #B43C5B, #D97468);
  --avatar-10: linear-gradient(to bottom right, #CB723E, #E5C776);
  --avatar-11: linear-gradient(to bottom right, #DA4977, #EE8681);
  --avatar-12: linear-gradient(to bottom right, #A06436, #D4B954);
  --avatar-13: linear-gradient(to bottom right, #BD3367, #E16163);
  --avatar-14: linear-gradient(to bottom right, #D58434, #EBD970);
  --avatar-15: linear-gradient(to bottom right, #C85B8B, #E28D94);
  --brand-loader-mark: url("/appliance/assets/logo-dark.png");
}
#app-loader-mark { display: block; }
#app-loader > svg { display: none; }