:root,
:root[data-theme-family='apple'][data-theme='dark'] {
  color-scheme: dark;
  --font-sans: 'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
  --c-bg: #1E1E1E;
  --c-bg-dark: #161616;
  --c-bg-highlight: #3B3B3D;
  --c-bg-sidebar: #262625;
  --c-header-bg: #262625;
  --c-fg: #F5F5F7;
  --c-fg-dark: #D1D1D6;
  --c-fg-muted: #ADAAAB;
  --c-border: #4A4A4A;
  --c-border-light: #38383A;
  --c-accent: #3478F6;
  --c-accent-text: #8FB9F7;
  --c-accent-solid: #4C403A;
  --c-accent-solid-hover: #584A42;
  --c-accent-solid-text: #F5F5F7;
  --c-accent-hover: #4D95F7;
  --c-accent-muted: #3478F626;
  --c-error: #FF8A80;
  --c-error-solid: #C53B32;
  --c-error-solid-hover: #B3261E;
  --c-success: #32D74B;
  --c-warning: #FFD60A;
  --c-sidebar-fg: #F5F5F7;
  --c-sidebar-fg-muted: #ADAAAB;
  --c-sidebar-border: #3A3A3C;
  --c-user-bubble-bg: #3478F626;
  --c-user-bubble-border: #3478F64D;
}

:root[data-theme-family='apple'][data-theme='light'] {
  color-scheme: light;
  --c-bg: #FFFFFF;
  --c-bg-dark: #E9E9EB;
  --c-bg-highlight: #F7F7F8;
  --c-bg-sidebar: #ECECEC;
  --c-header-bg: #F7F7F8;
  --c-fg: #1C1C1E;
  --c-fg-dark: #3A3A3C;
  --c-fg-muted: #666465;
  --c-border: #D1D1D6;
  --c-border-light: #E5E5EA;
  --c-accent: #3478F6;
  --c-accent-text: #1559C5;
  --c-accent-solid: #E4E1DE;
  --c-accent-solid-hover: #DCD8D4;
  --c-accent-solid-text: #1C1C1E;
  --c-accent-hover: #2068E3;
  --c-accent-muted: #3478F61A;
  --c-error: #9F1C16;
  --c-error-solid: #C53B32;
  --c-error-solid-hover: #B3261E;
  --c-success: #0B6B3A;
  --c-warning: #704A00;
  --c-sidebar-fg: #1C1C1E;
  --c-sidebar-fg-muted: #666465;
  --c-sidebar-border: #D1D1D6;
  --c-user-bubble-bg: #3478F61A;
  --c-user-bubble-border: #3478F640;
}

:root[data-theme-family='windows'][data-theme='dark'] {
  color-scheme: dark;
  --c-bg: #1C2128;
  --c-bg-dark: #16191F;
  --c-bg-highlight: #272E38;
  --c-bg-sidebar: #202730;
  --c-header-bg: #16191F;
  --c-fg: #FFFFFF;
  --c-fg-dark: #E4E8ED;
  --c-fg-muted: #B4BDC8;
  --c-border: #343C47;
  --c-border-light: #2A313A;
  --c-accent: #4CC2FF;
  --c-accent-text: #A5DEFF;
  --c-accent-solid: #0078D4;
  --c-accent-solid-hover: #0067B8;
  --c-accent-solid-text: #FFFFFF;
  --c-accent-hover: #76D0FF;
  --c-accent-muted: #143142;
  --c-error: #FF99A4;
  --c-error-solid: #C42B1C;
  --c-error-solid-hover: #A82314;
  --c-success: #6CCB5F;
  --c-warning: #FCE100;
  --c-sidebar-fg: #FFFFFF;
  --c-sidebar-fg-muted: #B4BDC8;
  --c-sidebar-border: #2A313A;
  --c-user-bubble-bg: #143142;
  --c-user-bubble-border: #1F5C80;
}

:root[data-theme-family='windows'][data-theme='light'] {
  color-scheme: light;
  --c-bg: #F3F5F7;
  --c-bg-dark: #E7EAEE;
  --c-bg-highlight: #FFFFFF;
  --c-bg-sidebar: #EDF0F3;
  --c-header-bg: #FFFFFF;
  --c-fg: #171A1F;
  --c-fg-dark: #272B31;
  --c-fg-muted: #565C64;
  --c-border: #D5DAE0;
  --c-border-light: #E5E9ED;
  --c-accent: #0067C0;
  --c-accent-text: #005BA1;
  --c-accent-solid: #0067C0;
  --c-accent-solid-hover: #005BA1;
  --c-accent-solid-text: #FFFFFF;
  --c-accent-hover: #005BA1;
  --c-accent-muted: #DCEBF8;
  --c-error: #A4262C;
  --c-error-solid: #C42B1C;
  --c-error-solid-hover: #A82314;
  --c-success: #0F6B33;
  --c-warning: #7A4B00;
  --c-sidebar-fg: #171A1F;
  --c-sidebar-fg-muted: #565C64;
  --c-sidebar-border: #E5E9ED;
  --c-user-bubble-bg: #DCEBF8;
  --c-user-bubble-border: #B9D9F2;
}

:root[data-theme-family='raekta'][data-theme='dark'] {
  color-scheme: dark;
  --c-bg: #07111F;
  --c-bg-dark: #030712;
  --c-bg-highlight: #1E293B;
  --c-bg-sidebar: #0F172A;
  --c-header-bg: #0F172A;
  --c-fg: #F8FAFC;
  --c-fg-dark: #E2E8F0;
  --c-fg-muted: #CBD5E1;
  --c-border: #475569;
  --c-border-light: #334155;
  --c-accent: #5D96C0;
  --c-accent-text: #B4CFE4;
  --c-accent-solid: #34709D;
  --c-accent-solid-hover: #285A80;
  --c-accent-solid-text: #FFFFFF;
  --c-accent-hover: #88B3D3;
  --c-accent-muted: #1C3A4E;
  --c-error: #FCA5A5;
  --c-error-solid: #B91C1C;
  --c-error-solid-hover: #991B1B;
  --c-success: #99F6E4;
  --c-warning: #FDE68A;
  --c-sidebar-fg: #F8FAFC;
  --c-sidebar-fg-muted: #CBD5E1;
  --c-sidebar-border: #334155;
  --c-user-bubble-bg: #1C3A4E;
  --c-user-bubble-border: #2A5C82;
}

:root[data-theme-family='raekta'][data-theme='light'] {
  color-scheme: light;
  --c-bg: #F8FAFC;
  --c-bg-dark: #F1F5F9;
  --c-bg-highlight: #FFFFFF;
  --c-bg-sidebar: #F9FAFB;
  --c-header-bg: #FFFFFF;
  --c-fg: #0F172A;
  --c-fg-dark: #1F2937;
  --c-fg-muted: #475569;
  --c-border: #CBD5E1;
  --c-border-light: #E2E8F0;
  --c-accent: #34709D;
  --c-accent-text: #285A80;
  --c-accent-solid: #34709D;
  --c-accent-solid-hover: #285A80;
  --c-accent-solid-text: #FFFFFF;
  --c-accent-hover: #285A80;
  --c-accent-muted: #D9E7F2;
  --c-error: #B91C1C;
  --c-error-solid: #B91C1C;
  --c-error-solid-hover: #991B1B;
  --c-success: #115E59;
  --c-warning: #92400E;
  --c-sidebar-fg: #0F172A;
  --c-sidebar-fg-muted: #475569;
  --c-sidebar-border: #E2E8F0;
  --c-user-bubble-bg: #EDF3F8;
  --c-user-bubble-border: #B4CFE4;
}

:root[data-font='inter'] {
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

:root[data-font='system'] {
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
}

:root[data-font='segoe'] {
  --font-sans: 'Segoe UI Variable Text', 'Segoe UI', system-ui, 'Helvetica Neue', sans-serif;
}

body {
  background-color: var(--c-bg);
  color: var(--c-fg);
  font-family: var(--font-sans);
}