:root {
  --black: 0, 0, 0;
  --white: 255, 255, 255;
  --white-on-dark: 255, 255, 255;
  --navy: 0, 25, 53;
  --red: 255, 73, 48;
  --orange: 255, 138, 0;
  --yellow: 232, 215, 56;
  --green: 0, 207, 53;
  --blue: 0, 184, 255;
  --purple: 124, 92, 255;
  --pink: 255, 98, 206;
  --deprecated-accent: 0, 184, 255;
  --secondary-accent: 229, 231, 234;
  --follow: 243, 248, 251;
  --color-title: rgb(var(--white-on-dark));
  --color-text: rgb(var(--white-on-dark));
  --color-subtext: rgb(var(--white-on-dark));
  --color-primary-link: rgb(var(--deprecated-accent));
  --color-bluespace-background: rgb(var(--navy));
  --color-bluespace-card-background: rgba(var(--white-on-dark), 0.07);
  --color-modal-close-button: rgb(var(--navy));
  --color-modal-close-button-background: rgb(var(--white-on-dark));
  --font-family: 
    "Favorit",
    "Helvetica Neue",
    "HelveticaNeue",
    Helvetica,
    Arial,
    sans-serif
  ;
  --font-family-modern: 
    "Favorit Modern",
    "Helvetica Neue",
    "HelveticaNeue",
    Helvetica,
    Arial,
    sans-serif
  ;
  --border-radius-small: 3px;

  --accent: rgba(0, 184, 255, 1);
  --accent-fg: rgba(0, 0, 0, 1);
  --accent-fg-light: rgba(255, 255, 255, 1);
  --accent-hover: rgba(51, 198, 255, 1);
  --accent-pressed: rgba(102, 212, 255, 1);
  --accent-tint: rgba(0, 184, 255, 0.1);
  --accent-tint-strong: rgba(0, 184, 255, 0.2);
  --accent-tint-heavy: rgba(0, 184, 255, 0.3);
  --chrome: rgba(0, 25, 53, 1);
  --chrome-panel: rgba(13, 36, 63, 1);
  --chrome-panel-border: rgba(255, 255, 255, 0.05);
  --chrome-tint: rgba(255, 255, 255, 0.05);
  --chrome-tint-strong: rgba(255, 255, 255, 0.1);
  --chrome-tint-heavy: rgba(255, 255, 255, 0.15);
  --chrome-mobile: rgba(0, 25, 53, 1);
  --chrome-fg: rgba(255, 255, 255, 1);
  --chrome-fg-secondary: rgba(153, 163, 174, 1);
  --chrome-fg-tertiary: rgba(102, 117, 134, 1);
  --content-panel: rgba(255, 255, 255, 1);
  --content-panel-border: rgba(255, 255, 255, 0);
  --content-tint: rgba(0, 25, 53, 0.05);
  --content-tint-strong: rgba(0, 25, 53, 0.1);
  --content-tint-heavy: rgba(0, 25, 53, 0.15);
  --content-mobile-container: rgba(251, 252, 252, 1);
  --content-fg: rgba(0, 0, 0, 1);
  --content-fg-secondary: rgba(76, 94, 114, 1);
  --content-fg-tertiary: rgba(153, 163, 174, 1);
  --color-panel-border: rgba(255, 255, 255, 0);
  --color-tint: rgba(0, 0, 0, 0.1);
  --color-tint-strong: rgba(0, 0, 0, 0.15);
  --color-tint-heavy: rgba(0, 0, 0, 0.2);
  --color-fg: rgba(0, 0, 0, 1);
  --color-fg-secondary: rgba(0, 0, 0, 0.8);
  --color-fg-tertiary: rgba(0, 0, 0, 0.6);
  --color-fg-light: rgba(255, 255, 255, 1);
  --color-fg-light-secondary: rgba(255, 255, 255, 0.8);
  --color-fg-light-tertiary: rgba(255, 255, 255, 0.6);
  --image-bg: rgba(0, 0, 0, 1);
  --image-panel-border: rgba(255, 255, 255, 0.1);
  --image-tint: rgba(0, 0, 0, 0.4);
  --image-tint-strong: rgba(0, 0, 0, 0.5);
  --image-tint-heavy: rgba(0, 0, 0, 0.6);
  --image-fg: rgba(255, 255, 255, 1);
  --image-fg-secondary: rgba(255, 255, 255, 0.8);
  --image-fg-tertiary: rgba(255, 255, 255, 0.6);
  --side-menu: rgba(0, 25, 53, 1);
  --side-menu-shadow: rgba(255, 255, 255, 0.1);
  --top-menu: rgba(0, 25, 53, 1);
  --top-menu-shadow: rgba(255, 255, 255, 0.1);
  --modal: rgba(255, 255, 255, 1);
  --modal-border: rgba(0, 25, 53, 0.1);
  --tool-tip: rgba(0, 0, 0, 1);
  --tool-tip-text: rgba(255, 255, 255, 1);
  --overlay-tint: rgba(0, 25, 53, 0.2);
  --overlay-tint-strong: rgba(0, 25, 53, 0.6);
  --overlay-tint-heavy: rgba(0, 25, 53, 0.8);
  --unread-tint: rgba(0, 184, 255, 0.1);
  --unread-tint-hover: rgba(0, 184, 255, 0.2);
  --badge-icon: rgba(255, 255, 255, 1);
  --badge-text: rgba(0, 0, 0, 1);
  --chrome-ui: rgba(0, 184, 255, 1);
  --chrome-ui-hover: rgba(51, 198, 255, 1);
  --chrome-ui-pressed: rgba(102, 212, 255, 1);
  --chrome-ui-focus: rgba(0, 184, 255, 1);
  --chrome-ui-fg: rgba(0, 0, 0, 1);
  --chrome-ui-fg-secondary: rgba(0, 0, 0, 0.8);
  --chrome-ui-fg-tertiary: rgba(0, 0, 0, 0.6);
  --chrome-ui-toggle: rgba(255, 255, 255, 1);
  --chrome-danger: rgba(255, 146, 131, 1);
  --chrome-success: rgba(103, 226, 134, 1);
  --chrome-education: rgba(176, 157, 255, 1);
  --chrome-blue: rgba(102, 212, 255, 1);
  --chrome-purple: rgba(176, 157, 255, 1);
  --chrome-pink: rgba(255, 160, 226, 1);
  --chrome-red: rgba(255, 146, 131, 1);
  --chrome-orange: rgba(255, 185, 102, 1);
  --chrome-yellow: rgba(241, 231, 137, 1);
  --chrome-green: rgba(103, 226, 134, 1);
  --content-ui: rgba(0, 25, 53, 1);
  --content-ui-hover: rgba(26, 48, 73, 1);
  --content-ui-pressed: rgba(51, 71, 93, 1);
  --content-ui-focus: rgba(0, 184, 255, 1);
  --content-ui-fg: rgba(255, 255, 255, 1);
  --content-ui-fg-secondary: rgba(153, 163, 174, 1);
  --content-ui-fg-tertiary: rgba(102, 117, 134, 1);
  --content-ui-toggle: rgba(255, 255, 255, 1);
  --content-danger: rgba(153, 44, 29, 1);
  --content-success: rgba(1, 124, 32, 1);
  --content-education: rgba(74, 55, 153, 1);
  --content-blue: rgba(0, 110, 153, 1);
  --content-purple: rgba(74, 55, 153, 1);
  --content-pink: rgba(153, 58, 124, 1);
  --content-red: rgba(153, 44, 29, 1);
  --content-orange: rgba(153, 83, 0, 1);
  --content-yellow: rgba(139, 129, 35, 1);
  --content-green: rgba(1, 124, 32, 1);
  --color-ui: rgba(0, 0, 0, 1);
  --color-ui-hover: rgba(0, 0, 0, 0.9);
  --color-ui-pressed: rgba(0, 0, 0, 0.8);
  --color-ui-focus: rgba(0, 0, 0, 1);
  --color-ui-fg: rgba(255, 255, 255, 1);
  --color-ui-fg-secondary: rgba(153, 153, 153, 1);
  --color-ui-fg-tertiary: rgba(102, 102, 102, 1);
  --color-ui-toggle: rgba(255, 255, 255, 1);
  --image-ui: rgba(255, 255, 255, 1);
  --image-ui-hover: rgba(255, 255, 255, 0.9);
  --image-ui-pressed: rgba(255, 255, 255, 0.8);
  --image-ui-accent: rgba(255, 255, 255, 1);
  --image-ui-fg: rgba(0, 0, 0, 1);
  --image-ui-fg-secondary: rgba(102, 117, 134, 1);
  --image-ui-fg-tertiary: rgba(153, 163, 174, 1);
  --image-ui-toggle: rgba(255, 255, 255, 1);
  --danger: rgba(255, 73, 48, 1);
  --danger-hover: rgba(204, 58, 38, 1);
  --danger-pressed: rgba(153, 44, 29, 1);
  --danger-tint: rgba(255, 73, 48, 0.1);
  --danger-tint-strong: rgba(255, 73, 48, 0.2);
  --danger-tint-heavy: rgba(255, 73, 48, 0.3);
  --success: rgba(1, 207, 53, 1);
  --success-hover: rgba(52, 217, 93, 1);
  --success-pressed: rgba(103, 226, 134, 1);
  --success-tint: rgba(1, 207, 53, 0.1);
  --success-tint-strong: rgba(1, 207, 53, 0.2);
  --success-tint-heavy: rgba(1, 207, 53, 0.3);
  --education: rgba(124, 92, 255, 1);
  --education-hover: rgba(150, 125, 255, 1);
  --education-pressed: rgba(176, 157, 255, 1);
  --education-tint: rgba(124, 92, 255, 0.1);
  --education-tint-strong: rgba(124, 92, 255, 0.2);
  --education-tint-heavy: rgba(124, 92, 255, 0.3);
  --brand-blue: rgba(0, 184, 255, 1);
  --brand-blue-hover: rgba(51, 198, 255, 1);
  --brand-blue-pressed: rgba(102, 212, 255, 1);
  --brand-blue-tint: rgba(0, 184, 255, 0.1);
  --brand-blue-tint-strong: rgba(0, 184, 255, 0.2);
  --brand-blue-tint-heavy: rgba(0, 184, 255, 0.3);
  --brand-purple: rgba(124, 92, 255, 1);
  --brand-purple-hover: rgba(150, 125, 255, 1);
  --brand-purple-pressed: rgba(176, 157, 255, 1);
  --brand-purple-tint: rgba(124, 92, 255, 0.1);
  --brand-purple-tint-strong: rgba(124, 92, 255, 0.2);
  --brand-purple-tint-heavy: rgba(124, 92, 255, 0.3);
  --brand-pink: rgba(255, 97, 206, 1);
  --brand-pink-hover: rgba(255, 129, 216, 1);
  --brand-pink-pressed: rgba(255, 160, 226, 1);
  --brand-pink-tint: rgba(255, 97, 206, 0.1);
  --brand-pink-tint-strong: rgba(255, 97, 206, 0.2);
  --brand-pink-tint-heavy: rgba(255, 97, 206, 0.3);
  --brand-red: rgba(255, 73, 48, 1);
  --brand-red-hover: rgba(255, 109, 89, 1);
  --brand-red-pressed: rgba(255, 146, 131, 1);
  --brand-red-tint: rgba(255, 73, 48, 0.1);
  --brand-red-tint-strong: rgba(255, 73, 48, 0.2);
  --brand-red-tint-heavy: rgba(255, 73, 48, 0.3);
  --brand-orange: rgba(255, 138, 0, 1);
  --brand-orange-hover: rgba(255, 161, 51, 1);
  --brand-orange-pressed: rgba(255, 185, 102, 1);
  --brand-orange-tint: rgba(255, 138, 0, 0.1);
  --brand-orange-tint-strong: rgba(255, 138, 0, 0.2);
  --brand-orange-tint-heavy: rgba(255, 138, 0, 0.3);
  --brand-yellow: rgba(232, 215, 58, 1);
  --brand-yellow-hover: rgba(237, 223, 97, 1);
  --brand-yellow-pressed: rgba(241, 231, 137, 1);
  --brand-yellow-tint: rgba(232, 215, 58, 0.1);
  --brand-yellow-tint-strong: rgba(232, 215, 58, 0.2);
  --brand-yellow-tint-heavy: rgba(232, 215, 58, 0.3);
  --brand-green: rgba(1, 207, 53, 1);
  --brand-green-hover: rgba(52, 217, 93, 1);
  --brand-green-pressed: rgba(103, 226, 134, 1);
  --brand-green-tint: rgba(1, 207, 53, 0.1);
  --brand-green-tint-strong: rgba(1, 207, 53, 0.2);
  --brand-green-tint-heavy: rgba(1, 207, 53, 0.3);
}

@media (prefers-color-scheme: dark) {:root {
  --black: 255, 255, 255;
  --white: 34, 34, 34;
  --white-on-dark: 255, 255, 255;
  --navy: 0, 0, 0;
  --red: 255, 73, 48;
  --orange: 255, 138, 0;
  --yellow: 232, 215, 56;
  --green: 0, 207, 53;
  --blue: 0, 184, 255;
  --purple: 124, 92, 255;
  --pink: 255, 98, 206;
  --deprecated-accent: 0, 184, 255;
  --secondary-accent: 57, 57, 57;
  --follow: 36, 54, 62;
  --color-title: rgb(var(--white-on-dark));
  --color-text: rgb(var(--white-on-dark));
  --color-subtext: rgb(var(--white-on-dark));
  --color-primary-link: rgb(var(--deprecated-accent));
  --color-bluespace-background: rgb(var(--navy));
  --color-bluespace-card-background: rgba(var(--white-on-dark), 0.07);
  --color-modal-close-button: rgb(var(--navy));
  --color-modal-close-button-background: rgb(var(--white-on-dark));
  --font-family: 
    "Favorit",
    "Helvetica Neue",
    "HelveticaNeue",
    Helvetica,
    Arial,
    sans-serif
  ;
  --font-family-modern: 
    "Favorit Modern",
    "Helvetica Neue",
    "HelveticaNeue",
    Helvetica,
    Arial,
    sans-serif
  ;
  --border-radius-small: 3px;

  --accent: rgba(0, 184, 255, 1);
  --accent-fg: rgba(0, 0, 0, 1);
  --accent-fg-light: rgba(255, 255, 255, 1);
  --accent-hover: rgba(51, 198, 255, 1);
  --accent-pressed: rgba(102, 212, 255, 1);
  --accent-tint: rgba(0, 184, 255, 0.1);
  --accent-tint-strong: rgba(0, 184, 255, 0.2);
  --accent-tint-heavy: rgba(0, 184, 255, 0.3);
  --chrome: rgba(13, 13, 13, 1);
  --chrome-panel: rgba(26, 26, 26, 1);
  --chrome-panel-border: rgba(255, 255, 255, 0.05);
  --chrome-tint: rgba(255, 255, 255, 0.05);
  --chrome-tint-strong: rgba(255, 255, 255, 0.1);
  --chrome-tint-heavy: rgba(255, 255, 255, 0.15);
  --chrome-mobile: rgba(26, 26, 26, 1);
  --chrome-fg: rgba(255, 255, 255, 1);
  --chrome-fg-secondary: rgba(153, 153, 153, 1);
  --chrome-fg-tertiary: rgba(102, 102, 102, 1);
  --content-panel: rgba(26, 26, 26, 1);
  --content-panel-border: rgba(38, 38, 38, 1);
  --content-tint: rgba(255, 255, 255, 0.05);
  --content-tint-strong: rgba(255, 255, 255, 0.1);
  --content-tint-heavy: rgba(255, 255, 255, 0.15);
  --content-mobile-container: rgba(13, 13, 13, 1);
  --content-fg: rgba(255, 255, 255, 1);
  --content-fg-secondary: rgba(153, 153, 153, 1);
  --content-fg-tertiary: rgba(102, 102, 102, 1);
  --color-panel-border: rgba(0, 0, 0, 1);
  --color-tint: rgba(0, 0, 0, 0.1);
  --color-tint-strong: rgba(0, 0, 0, 0.15);
  --color-tint-heavy: rgba(0, 0, 0, 0.2);
  --color-fg: rgba(0, 0, 0, 1);
  --color-fg-secondary: rgba(0, 0, 0, 0.8);
  --color-fg-tertiary: rgba(0, 0, 0, 0.6);
  --color-fg-light: rgba(255, 255, 255, 1);
  --color-fg-light-secondary: rgba(255, 255, 255, 0.8);
  --color-fg-light-tertiary: rgba(255, 255, 255, 0.6);
  --image-bg: rgba(0, 0, 0, 1);
  --image-panel-border: rgba(255, 255, 255, 0.1);
  --image-tint: rgba(0, 0, 0, 0.4);
  --image-tint-strong: rgba(0, 0, 0, 0.5);
  --image-tint-heavy: rgba(0, 0, 0, 0.6);
  --image-fg: rgba(255, 255, 255, 1);
  --image-fg-secondary: rgba(255, 255, 255, 0.8);
  --image-fg-tertiary: rgba(255, 255, 255, 0.6);
  --side-menu: rgba(13, 13, 13, 1);
  --side-menu-shadow: rgba(255, 255, 255, 0.1);
  --top-menu: rgba(13, 13, 13, 1);
  --top-menu-shadow: rgba(255, 255, 255, 0.1);
  --modal: rgba(26, 26, 26, 1);
  --modal-border: rgba(38, 38, 38, 1);
  --tool-tip: rgba(255, 255, 255, 1);
  --tool-tip-text: rgba(0, 0, 0, 1);
  --overlay-tint: rgba(0, 0, 0, 0.2);
  --overlay-tint-strong: rgba(0, 0, 0, 0.6);
  --overlay-tint-heavy: rgba(0, 0, 0, 0.8);
  --unread-tint: rgba(0, 184, 255, 0.1);
  --unread-tint-hover: rgba(0, 184, 255, 0.2);
  --badge-icon: rgba(255, 255, 255, 1);
  --badge-text: rgba(0, 0, 0, 1);
  --chrome-ui: rgba(0, 184, 255, 1);
  --chrome-ui-hover: rgba(51, 198, 255, 1);
  --chrome-ui-pressed: rgba(102, 212, 255, 1);
  --chrome-ui-focus: rgba(0, 184, 255, 1);
  --chrome-ui-fg: rgba(0, 0, 0, 1);
  --chrome-ui-fg-secondary: rgba(0, 0, 0, 0.8);
  --chrome-ui-fg-tertiary: rgba(0, 0, 0, 0.6);
  --chrome-ui-toggle: rgba(255, 255, 255, 1);
  --chrome-danger: rgba(255, 146, 131, 1);
  --chrome-success: rgba(103, 226, 134, 1);
  --chrome-education: rgba(176, 157, 255, 1);
  --chrome-blue: rgba(102, 212, 255, 1);
  --chrome-purple: rgba(176, 157, 255, 1);
  --chrome-pink: rgba(255, 160, 226, 1);
  --chrome-red: rgba(255, 146, 131, 1);
  --chrome-orange: rgba(255, 185, 102, 1);
  --chrome-yellow: rgba(241, 231, 137, 1);
  --chrome-green: rgba(103, 226, 134, 1);
  --content-ui: rgba(0, 184, 255, 1);
  --content-ui-hover: rgba(51, 198, 255, 1);
  --content-ui-pressed: rgba(102, 212, 255, 1);
  --content-ui-focus: rgba(0, 184, 255, 1);
  --content-ui-fg: rgba(0, 0, 0, 1);
  --content-ui-fg-secondary: rgba(0, 0, 0, 0.1);
  --content-ui-fg-tertiary: rgba(0, 0, 0, 0.1);
  --content-ui-toggle: rgba(255, 255, 255, 1);
  --content-danger: rgba(255, 146, 131, 1);
  --content-success: rgba(103, 226, 134, 1);
  --content-education: rgba(176, 157, 255, 1);
  --content-blue: rgba(102, 212, 255, 1);
  --content-purple: rgba(176, 157, 255, 1);
  --content-pink: rgba(255, 160, 226, 1);
  --content-red: rgba(255, 146, 131, 1);
  --content-orange: rgba(255, 185, 102, 1);
  --content-yellow: rgba(241, 231, 137, 1);
  --content-green: rgba(103, 226, 134, 1);
  --color-ui: rgba(0, 0, 0, 1);
  --color-ui-hover: rgba(0, 0, 0, 0.9);
  --color-ui-pressed: rgba(0, 0, 0, 0.8);
  --color-ui-focus: rgba(0, 0, 0, 1);
  --color-ui-fg: rgba(255, 255, 255, 1);
  --color-ui-fg-secondary: rgba(153, 153, 153, 1);
  --color-ui-fg-tertiary: rgba(102, 102, 102, 1);
  --color-ui-toggle: rgba(255, 255, 255, 1);
  --image-ui: rgba(255, 255, 255, 1);
  --image-ui-hover: rgba(255, 255, 255, 0.9);
  --image-ui-pressed: rgba(255, 255, 255, 0.8);
  --image-ui-accent: rgba(255, 255, 255, 1);
  --image-ui-fg: rgba(0, 0, 0, 1);
  --image-ui-fg-secondary: rgba(102, 117, 134, 1);
  --image-ui-fg-tertiary: rgba(153, 163, 174, 1);
  --image-ui-toggle: rgba(255, 255, 255, 1);
  --danger: rgba(255, 73, 48, 1);
  --danger-hover: rgba(255, 109, 89, 1);
  --danger-pressed: rgba(255, 146, 131, 1);
  --danger-tint: rgba(255, 73, 48, 0.1);
  --danger-tint-strong: rgba(255, 73, 48, 0.2);
  --danger-tint-heavy: rgba(255, 73, 48, 0.3);
  --success: rgba(1, 207, 53, 1);
  --success-hover: rgba(52, 217, 93, 1);
  --success-pressed: rgba(103, 226, 134, 1);
  --success-tint: rgba(1, 207, 53, 0.1);
  --success-tint-strong: rgba(1, 207, 53, 0.2);
  --success-tint-heavy: rgba(1, 207, 53, 0.3);
  --education: rgba(124, 92, 255, 1);
  --education-hover: rgba(150, 125, 255, 1);
  --education-pressed: rgba(176, 157, 255, 1);
  --education-tint: rgba(124, 92, 255, 0.1);
  --education-tint-strong: rgba(124, 92, 255, 0.2);
  --education-tint-heavy: rgba(124, 92, 255, 0.3);
  --brand-blue: rgba(0, 184, 255, 1);
  --brand-blue-hover: rgba(51, 198, 255, 1);
  --brand-blue-pressed: rgba(102, 212, 255, 1);
  --brand-blue-tint: rgba(0, 184, 255, 0.1);
  --brand-blue-tint-strong: rgba(0, 184, 255, 0.2);
  --brand-blue-tint-heavy: rgba(0, 184, 255, 0.3);
  --brand-purple: rgba(124, 92, 255, 1);
  --brand-purple-hover: rgba(150, 125, 255, 1);
  --brand-purple-pressed: rgba(176, 157, 255, 1);
  --brand-purple-tint: rgba(124, 92, 255, 0.1);
  --brand-purple-tint-strong: rgba(124, 92, 255, 0.2);
  --brand-purple-tint-heavy: rgba(124, 92, 255, 0.3);
  --brand-pink: rgba(255, 97, 206, 1);
  --brand-pink-hover: rgba(255, 129, 216, 1);
  --brand-pink-pressed: rgba(255, 160, 226, 1);
  --brand-pink-tint: rgba(255, 97, 206, 0.1);
  --brand-pink-tint-strong: rgba(255, 97, 206, 0.2);
  --brand-pink-tint-heavy: rgba(255, 97, 206, 0.3);
  --brand-red: rgba(255, 73, 48, 1);
  --brand-red-hover: rgba(255, 109, 89, 1);
  --brand-red-pressed: rgba(255, 146, 131, 1);
  --brand-red-tint: rgba(255, 73, 48, 0.1);
  --brand-red-tint-strong: rgba(255, 73, 48, 0.2);
  --brand-red-tint-heavy: rgba(255, 73, 48, 0.3);
  --brand-orange: rgba(255, 138, 0, 1);
  --brand-orange-hover: rgba(255, 161, 51, 1);
  --brand-orange-pressed: rgba(255, 185, 102, 1);
  --brand-orange-tint: rgba(255, 138, 0, 0.1);
  --brand-orange-tint-strong: rgba(255, 138, 0, 0.2);
  --brand-orange-tint-heavy: rgba(255, 138, 0, 0.3);
  --brand-yellow: rgba(232, 215, 58, 1);
  --brand-yellow-hover: rgba(237, 223, 97, 1);
  --brand-yellow-pressed: rgba(241, 231, 137, 1);
  --brand-yellow-tint: rgba(232, 215, 58, 0.1);
  --brand-yellow-tint-strong: rgba(232, 215, 58, 0.2);
  --brand-yellow-tint-heavy: rgba(232, 215, 58, 0.3);
  --brand-green: rgba(1, 207, 53, 1);
  --brand-green-hover: rgba(52, 217, 93, 1);
  --brand-green-pressed: rgba(103, 226, 134, 1);
  --brand-green-tint: rgba(1, 207, 53, 0.1);
  --brand-green-tint-strong: rgba(1, 207, 53, 0.2);
  --brand-green-tint-heavy: rgba(1, 207, 53, 0.3);
}
}