:root {
  --noctalia-mode: dark;

  --primary: #8fbcbb;
  --on-primary: #2e3440;
  --primary-container: #2e6b69;
  --on-primary-container: #dfecec;
  --primary-fixed: #bef4f2;
  --primary-fixed-dim: #96e9e7;
  --on-primary-fixed: #212c2c;
  --on-primary-fixed-variant: #2b3b3a;

  --secondary: #88c0d0;
  --on-secondary: #2e3440;
  --secondary-container: #226e83;
  --on-secondary-container: #daecf1;

  --tertiary: #5e81ac;
  --on-tertiary: #2e3440;
  --tertiary-container: #172a40;
  --on-tertiary-container: #dde5ee;

  --error: #bf616a;
  --on-error: #2e3440;
  --error-container: #56171d;
  --on-error-container: #f0dbdd;

  --surface: #2e3440;
  --on-surface: #eceff4;
  --surface-variant: #3b4252;
  --on-surface-variant: #d8dee9;
  --surface-dim: #252a34;
  --surface-bright: #555f76;
  --surface-container-lowest: #303643;
  --surface-container-low: #343b49;
  --surface-container: #3b4252;
  --surface-container-high: #444c5e;
  --surface-container-highest: #4c556a;

  --outline: #727d94;
  --outline-variant: #505869;
  --shadow: #2e3440;
  --scrim: #000000;

  --inverse-surface: #e3e5e8;
  --inverse-on-surface: #242628;
  --inverse-primary: #339997;

  --background: #2e3440;
  --on-background: #eceff4;

  --tabler-filter-dark: none;
  --tabler-filter-light: invert(1);
  --tabler-filter: var(--tabler-filter-dark);
  --custom-filter-dark: brightness(0) invert(1);
  --custom-filter-light: none;
  --custom-filter: var(--custom-filter-dark);

  --terminal-foreground: #d8dee9;
  --terminal-background: #2e3440;
  --terminal-black: #3b4252;
  --terminal-red: #bf616a;
  --terminal-green: #a3be8c;
  --terminal-yellow: #ebcb8b;
  --terminal-blue: #81a1c1;
  --terminal-magenta: #b48ead;
  --terminal-cyan: #88c0d0;
  --terminal-white: #e5e9f0;
  --terminal-bright-black: #596377;
  --terminal-bright-red: #bf616a;
  --terminal-bright-green: #a3be8c;
  --terminal-bright-yellow: #ebcb8b;
  --terminal-bright-blue: #81a1c1;
  --terminal-bright-magenta: #b48ead;
  --terminal-bright-cyan: #8fbcbb;
  --terminal-bright-white: #eceff4;

  --primary-dark: #8fbcbb;
  --on-primary-dark: #2e3440;
  --primary-container-dark: #2e6b69;
  --on-primary-container-dark: #dfecec;
  --primary-fixed-dark: #bef4f2;
  --primary-fixed-dim-dark: #96e9e7;
  --on-primary-fixed-dark: #212c2c;
  --on-primary-fixed-variant-dark: #2b3b3a;
  --secondary-dark: #88c0d0;
  --on-secondary-dark: #2e3440;
  --secondary-container-dark: #226e83;
  --on-secondary-container-dark: #daecf1;
  --tertiary-dark: #5e81ac;
  --on-tertiary-dark: #2e3440;
  --tertiary-container-dark: #172a40;
  --on-tertiary-container-dark: #dde5ee;
  --error-dark: #bf616a;
  --on-error-dark: #2e3440;
  --error-container-dark: #56171d;
  --on-error-container-dark: #f0dbdd;
  --surface-dark: #2e3440;
  --on-surface-dark: #eceff4;
  --surface-variant-dark: #3b4252;
  --on-surface-variant-dark: #d8dee9;
  --surface-dim-dark: #252a34;
  --surface-bright-dark: #555f76;
  --surface-container-lowest-dark: #303643;
  --surface-container-low-dark: #343b49;
  --surface-container-dark: #3b4252;
  --surface-container-high-dark: #444c5e;
  --surface-container-highest-dark: #4c556a;
  --outline-dark: #727d94;
  --outline-variant-dark: #505869;
  --shadow-dark: #2e3440;
  --inverse-surface-dark: #e3e5e8;
  --inverse-on-surface-dark: #242628;
  --inverse-primary-dark: #339997;
  --background-dark: #2e3440;
  --on-background-dark: #eceff4;

  --primary-light: #5e81ac;
  --on-primary-light: #eceff4;
  --primary-container-light: #cdd8e4;
  --on-primary-container-light: #1a2532;
  --primary-fixed-light: #1f5fad;
  --primary-fixed-dim-light: #1b477e;
  --on-primary-fixed-light: #e2e5e9;
  --on-primary-fixed-variant-light: #d3d8de;
  --secondary-light: #64adc2;
  --on-secondary-light: #eceff4;
  --secondary-container-light: #cddfe4;
  --on-secondary-container-light: #162f37;
  --tertiary-light: #6fa9a8;
  --on-tertiary-light: #eceff4;
  --tertiary-container-light: #cde4e4;
  --on-tertiary-container-light: #1d3030;
  --error-light: #bf616a;
  --on-error-light: #eceff4;
  --error-container-light: #e4cdcf;
  --on-error-container-light: #361619;
  --surface-light: #eceff4;
  --on-surface-light: #2e3440;
  --surface-variant-light: #e5e9f0;
  --on-surface-variant-light: #4c566a;
  --surface-dim-light: #bec8da;
  --surface-bright-light: #f6f7fa;
  --surface-container-lowest-light: #eaedf3;
  --surface-container-low-light: #e8ecf2;
  --surface-container-light: #e5e9f0;
  --surface-container-high-light: #d8dee9;
  --surface-container-highest-light: #cbd3e1;
  --outline-light: #828a98;
  --outline-variant-light: #acb1bb;
  --shadow-light: #d8dee9;
  --inverse-surface-light: #232529;
  --inverse-on-surface-light: #e4e5e7;
  --inverse-primary-light: #8cafd9;
  --background-light: #eceff4;
  --on-background-light: #2e3440;
}

[data-theme="light"] {
  --primary: var(--primary-light);
  --on-primary: var(--on-primary-light);
  --primary-container: var(--primary-container-light);
  --on-primary-container: var(--on-primary-container-light);
  --primary-fixed: var(--primary-fixed-light);
  --primary-fixed-dim: var(--primary-fixed-dim-light);
  --on-primary-fixed: var(--on-primary-fixed-light);
  --on-primary-fixed-variant: var(--on-primary-fixed-variant-light);

  --secondary: var(--secondary-light);
  --on-secondary: var(--on-secondary-light);
  --secondary-container: var(--secondary-container-light);
  --on-secondary-container: var(--on-secondary-container-light);

  --tertiary: var(--tertiary-light);
  --on-tertiary: var(--on-tertiary-light);
  --tertiary-container: var(--tertiary-container-light);
  --on-tertiary-container: var(--on-tertiary-container-light);

  --error: var(--error-light);
  --on-error: var(--on-error-light);
  --error-container: var(--error-container-light);
  --on-error-container: var(--on-error-container-light);

  --surface: var(--surface-light);
  --on-surface: var(--on-surface-light);
  --surface-variant: var(--surface-variant-light);
  --on-surface-variant: var(--on-surface-variant-light);
  --surface-dim: var(--surface-dim-light);
  --surface-bright: var(--surface-bright-light);
  --surface-container-lowest: var(--surface-container-lowest-light);
  --surface-container-low: var(--surface-container-low-light);
  --surface-container: var(--surface-container-light);
  --surface-container-high: var(--surface-container-high-light);
  --surface-container-highest: var(--surface-container-highest-light);

  --outline: var(--outline-light);
  --outline-variant: var(--outline-variant-light);
  --shadow: var(--shadow-light);

  --inverse-surface: var(--inverse-surface-light);
  --inverse-on-surface: var(--inverse-on-surface-light);
  --inverse-primary: var(--inverse-primary-light);

  --background: var(--background-light);
  --on-background: var(--on-background-light);

  --tabler-filter: invert(1) !important;
  --custom-filter: none !important;
}

[data-theme="dark"] {
  --primary: var(--primary-dark);
  --on-primary: var(--on-primary-dark);
  --primary-container: var(--primary-container-dark);
  --on-primary-container: var(--on-primary-container-dark);
  --primary-fixed: var(--primary-fixed-dark);
  --primary-fixed-dim: var(--primary-fixed-dim-dark);
  --on-primary-fixed: var(--on-primary-fixed-dark);
  --on-primary-fixed-variant: var(--on-primary-fixed-variant-dark);

  --secondary: var(--secondary-dark);
  --on-secondary: var(--on-secondary-dark);
  --secondary-container: var(--secondary-container-dark);
  --on-secondary-container: var(--on-secondary-container-dark);

  --tertiary: var(--tertiary-dark);
  --on-tertiary: var(--on-tertiary-dark);
  --tertiary-container: var(--tertiary-container-dark);
  --on-tertiary-container: var(--on-tertiary-container-dark);

  --error: var(--error-dark);
  --on-error: var(--on-error-dark);
  --error-container: var(--error-container-dark);
  --on-error-container: var(--on-error-container-dark);

  --surface: var(--surface-dark);
  --on-surface: var(--on-surface-dark);
  --surface-variant: var(--surface-variant-dark);
  --on-surface-variant: var(--on-surface-variant-dark);
  --surface-dim: var(--surface-dim-dark);
  --surface-bright: var(--surface-bright-dark);
  --surface-container-lowest: var(--surface-container-lowest-dark);
  --surface-container-low: var(--surface-container-low-dark);
  --surface-container: var(--surface-container-dark);
  --surface-container-high: var(--surface-container-high-dark);
  --surface-container-highest: var(--surface-container-highest-dark);

  --outline: var(--outline-dark);
  --outline-variant: var(--outline-variant-dark);
  --shadow: var(--shadow-dark);

  --inverse-surface: var(--inverse-surface-dark);
  --inverse-on-surface: var(--inverse-on-surface-dark);
  --inverse-primary: var(--inverse-primary-dark);

  --background: var(--background-dark);
  --on-background: var(--on-background-dark);

  --tabler-filter: none !important;
  --custom-filter: brightness(0) invert(1) !important;
}