/* GENERATED by jp3_branding/scripts/gen_palette.py from JoeBot's themes - do not edit by hand.
 *
 * Default = grey (applies on :root). Switch themes with <html data-jp3-theme="darkBlue"> (ids as in palette.json).
 * Translucent colours are #RRGGBBAA. Fonts are NOT loaded here - self-host Roboto / JetBrains Mono. */

:root,
[data-jp3-theme="grey"] {
  /* Default - The original greys (logo slug: grey) */
  --jp3-bar: #909090;
  --jp3-bar-text: #EFEFEF;
  --jp3-border: #DDDDDD;
  --jp3-chat-background: #FCFCFE;
  --jp3-input-background: #EFEFEF;
  --jp3-bot-bubble: #ECECEC;
  --jp3-bot-bubble-text: #000000;
  --jp3-user-bubble: #606060;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #F8D7DA;
  --jp3-error-text: #721C24;
  --jp3-send-button: #606060;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #CECECE;
  --jp3-send-button-hover-text: #000000;
  --jp3-link: #0366D6;
  --jp3-link-on-dark: #C9E2FF;
  --jp3-table-header: #E0E0E0;
  --jp3-table-stripe: #F2F2F2;
  --jp3-blockquote-border: #DFE2E5;
  --jp3-blockquote-text: #6A737D;
  --jp3-inline-code-background: #1B1F230D;
  --jp3-circuit-top: #303030;
  --jp3-circuit-bottom: #0C0C0C;
  --jp3-circuit-line: #FFFFFFCC;
  --jp3-circuit-faint-line: #FFFFFF33;
  --jp3-circuit-glow: #FFFFFF;
}

[data-jp3-theme="dark"] {
  /* Dark - Blacks and charcoal (logo slug: dark) */
  --jp3-bar: #1C1C1C;
  --jp3-bar-text: #EFEFEF;
  --jp3-border: #3C3C3C;
  --jp3-chat-background: #121212;
  --jp3-input-background: #2B2B2B;
  --jp3-bot-bubble: #272727;
  --jp3-bot-bubble-text: #EFEFEF;
  --jp3-user-bubble: #454545;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #3A1E22;
  --jp3-error-text: #F3B6BC;
  --jp3-send-button: #454545;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #C5C5C5;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #7FB8FF;
  --jp3-link-on-dark: #9ECBFF;
  --jp3-table-header: #333333;
  --jp3-table-stripe: #1D1D1D;
  --jp3-blockquote-border: #3F3F3F;
  --jp3-blockquote-text: #959595;
  --jp3-inline-code-background: #FFFFFF33;
  --jp3-circuit-top: #141414;
  --jp3-circuit-bottom: #000000;
  --jp3-circuit-line: #BFBFBFB3;
  --jp3-circuit-faint-line: #BFBFBF47;
  --jp3-circuit-glow: #FFFFFF;
}

[data-jp3-theme="light"] {
  /* Light - Off-whites and paper (logo slug: light) */
  --jp3-bar: #DDD9D1;
  --jp3-bar-text: #111111;
  --jp3-border: #BEB9AE;
  --jp3-chat-background: #FAF8F3;
  --jp3-input-background: #FFFFFF;
  --jp3-bot-bubble: #FFFFFF;
  --jp3-bot-bubble-text: #111111;
  --jp3-user-bubble: #6E6A60;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #F8D7DA;
  --jp3-error-text: #721C24;
  --jp3-send-button: #6E6A60;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #CFCECB;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #0A5AC0;
  --jp3-link-on-dark: #E5F1FF;
  --jp3-table-header: #F1F1F1;
  --jp3-table-stripe: #FDFCF9;
  --jp3-blockquote-border: #E2E2E2;
  --jp3-blockquote-text: #7C7C7C;
  --jp3-inline-code-background: #1B1F230D;
  --jp3-circuit-top: #F3F0E9;
  --jp3-circuit-bottom: #DFDACE;
  --jp3-circuit-line: #847C6A99;
  --jp3-circuit-faint-line: #847C6A47;
  --jp3-circuit-glow: #8A6A2F;
}

[data-jp3-theme="darkBlue"] {
  /* Dark blue - Deep navy and steel (logo slug: darkblue) */
  --jp3-bar: #1B3A5C;
  --jp3-bar-text: #EFEFEF;
  --jp3-border: #3A6A9C;
  --jp3-chat-background: #0E1C2B;
  --jp3-input-background: #17314A;
  --jp3-bot-bubble: #17324D;
  --jp3-bot-bubble-text: #EFEFEF;
  --jp3-user-bubble: #2E6FA8;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #3A1E22;
  --jp3-error-text: #F3B6BC;
  --jp3-send-button: #2E6FA8;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #BFCFDD;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #8CCBFF;
  --jp3-link-on-dark: #E5F3FF;
  --jp3-table-header: #243D57;
  --jp3-table-stripe: #13273C;
  --jp3-blockquote-border: #314960;
  --jp3-blockquote-text: #8E9AA6;
  --jp3-inline-code-background: #FFFFFF33;
  --jp3-circuit-top: #0C1E30;
  --jp3-circuit-bottom: #03080E;
  --jp3-circuit-line: #4E92CCB3;
  --jp3-circuit-faint-line: #4E92CC47;
  --jp3-circuit-glow: #A8DCFF;
}

[data-jp3-theme="lightBlue"] {
  /* Light blue - Sky and pale water (logo slug: lightblue) */
  --jp3-bar: #7BA6C9;
  --jp3-bar-text: #0E2233;
  --jp3-border: #B9D5E8;
  --jp3-chat-background: #F3F8FC;
  --jp3-input-background: #FFFFFF;
  --jp3-bot-bubble: #FFFFFF;
  --jp3-bot-bubble-text: #111111;
  --jp3-user-bubble: #35719E;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #F8D7DA;
  --jp3-error-text: #721C24;
  --jp3-send-button: #35719E;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #C1D0DB;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #0A5AC0;
  --jp3-link-on-dark: #E9F5FF;
  --jp3-table-header: #F1F1F1;
  --jp3-table-stripe: #F9FCFE;
  --jp3-blockquote-border: #E2E2E2;
  --jp3-blockquote-text: #7C7C7C;
  --jp3-inline-code-background: #1B1F230D;
  --jp3-circuit-top: #E9F2F9;
  --jp3-circuit-bottom: #C8DDEC;
  --jp3-circuit-line: #5B8AAD99;
  --jp3-circuit-faint-line: #5B8AAD47;
  --jp3-circuit-glow: #1E6FA8;
}

[data-jp3-theme="darkGreen"] {
  /* Dark green - Forest and moss (logo slug: darkgreen) */
  --jp3-bar: #1E3B2C;
  --jp3-bar-text: #EFEFEF;
  --jp3-border: #396551;
  --jp3-chat-background: #0E1B14;
  --jp3-input-background: #17301F;
  --jp3-bot-bubble: #163025;
  --jp3-bot-bubble-text: #EFEFEF;
  --jp3-user-bubble: #2F7A56;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #3A1E22;
  --jp3-error-text: #F3B6BC;
  --jp3-send-button: #2F7A56;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #BFD2C9;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #8CE0B4;
  --jp3-link-on-dark: #E0FAEB;
  --jp3-table-header: #233B31;
  --jp3-table-stripe: #12261D;
  --jp3-blockquote-border: #30473D;
  --jp3-blockquote-text: #8D9994;
  --jp3-inline-code-background: #FFFFFF33;
  --jp3-circuit-top: #0C1D15;
  --jp3-circuit-bottom: #020705;
  --jp3-circuit-line: #4A8C68B3;
  --jp3-circuit-faint-line: #4A8C6847;
  --jp3-circuit-glow: #9CF0C4;
}

[data-jp3-theme="lightGreen"] {
  /* Light green - Fresh and pale green (logo slug: lightgreen) */
  --jp3-bar: #87B393;
  --jp3-bar-text: #10261A;
  --jp3-border: #C5DECB;
  --jp3-chat-background: #F4FAF5;
  --jp3-input-background: #FFFFFF;
  --jp3-bot-bubble: #FFFFFF;
  --jp3-bot-bubble-text: #111111;
  --jp3-user-bubble: #336B4A;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #F8D7DA;
  --jp3-error-text: #721C24;
  --jp3-send-button: #336B4A;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #C0CEC6;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #1B6B3A;
  --jp3-link-on-dark: #D2F7E2;
  --jp3-table-header: #F1F1F1;
  --jp3-table-stripe: #FAFDFA;
  --jp3-blockquote-border: #E2E2E2;
  --jp3-blockquote-text: #7C7C7C;
  --jp3-inline-code-background: #1B1F230D;
  --jp3-circuit-top: #EAF4EC;
  --jp3-circuit-bottom: #CBE1D1;
  --jp3-circuit-line: #648C7299;
  --jp3-circuit-faint-line: #648C7247;
  --jp3-circuit-glow: #2E8B57;
}

[data-jp3-theme="red"] {
  /* Red - Deep red and ember (logo slug: red) */
  --jp3-bar: #5E2020;
  --jp3-bar-text: #EFEFEF;
  --jp3-border: #8A3B3B;
  --jp3-chat-background: #1C0E0E;
  --jp3-input-background: #3A1818;
  --jp3-bot-bubble: #2E1515;
  --jp3-bot-bubble-text: #EFEFEF;
  --jp3-user-bubble: #A53A3A;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #3A1E22;
  --jp3-error-text: #F3B6BC;
  --jp3-send-button: #A53A3A;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #DDC2C2;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #FFA898;
  --jp3-link-on-dark: #FFE0D8;
  --jp3-table-header: #3A2222;
  --jp3-table-stripe: #251212;
  --jp3-blockquote-border: #452F2F;
  --jp3-blockquote-text: #988D8D;
  --jp3-inline-code-background: #FFFFFF33;
  --jp3-circuit-top: #1C0A0A;
  --jp3-circuit-bottom: #070202;
  --jp3-circuit-line: #994444B3;
  --jp3-circuit-faint-line: #99444447;
  --jp3-circuit-glow: #FF7A62;
}

[data-jp3-theme="orange"] {
  /* Orange and brown - Amber, rust and wood (logo slug: orange) */
  --jp3-bar: #6B4426;
  --jp3-bar-text: #EFEFEF;
  --jp3-border: #9A6A40;
  --jp3-chat-background: #1F1510;
  --jp3-input-background: #3B261A;
  --jp3-bot-bubble: #2F2017;
  --jp3-bot-bubble-text: #EFEFEF;
  --jp3-user-bubble: #94561F;
  --jp3-user-bubble-text: #EFEFEF;
  --jp3-error-bubble: #3A1E22;
  --jp3-error-text: #F3B6BC;
  --jp3-send-button: #94561F;
  --jp3-send-button-text: #EFEFEF;
  --jp3-send-button-hover: #D8C9BB;
  --jp3-send-button-hover-text: #111111;
  --jp3-link: #FFC184;
  --jp3-link-on-dark: #FFE9CF;
  --jp3-table-header: #3B2C24;
  --jp3-table-stripe: #271B14;
  --jp3-blockquote-border: #463931;
  --jp3-blockquote-text: #99928E;
  --jp3-inline-code-background: #FFFFFF33;
  --jp3-circuit-top: #1E130C;
  --jp3-circuit-bottom: #070403;
  --jp3-circuit-line: #9A6B3EB3;
  --jp3-circuit-faint-line: #9A6B3E47;
  --jp3-circuit-glow: #FFAC57;
}

:root {
  --jp3-font-ui: Roboto, Helvetica, Arial, sans-serif;
  --jp3-font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}