/* Ellipsus Theme | Schema: 1 */ :root { --color-surface-main: #232136; --color-surface-writing: #2a273f; --color-surface-primary: #393552; --color-surface-neutral: #2a273f; --color-surface-light: #2a273f; --color-surface-dim: #191726; --color-surface-alt: #393552; --color-surface-inverted: #b7b5c2; --color-content-primary: #e0def4; --color-content-secondary: #ea9a97; --color-content-tertiary: #908caa; --color-content-disabled: #6e6a86; --color-content-light: #b1adca; --color-content-light-2: #807aa9; --color-content-dark: #232136; --color-content-inverted: #000000; --color-border-primary: #56526e; --color-border-secondary: #44415a; --color-border-tertiary: #2a283e; --color-border-inverted: #e0def4; --color-border-disabled: #393552; --button-primary-surface: #3e8fb0; --button-primary-surface-hover: #6eb1cc; --button-primary-surface-pressed: #337692; --button-primary-surface-disabled: #485b63; --button-primary-content: #000000; --button-primary-content-pressed: #e0def4; --button-primary-content-disabled: #9594a1; --button-surface: transparent; --button-surface-hover: #e0def4; --button-surface-pressed: #1f1d2f; --button-surface-disabled: transparent; --button-border: #908caa; --button-border-hover: #e0def4; --button-border-pressed: #e0def4; --button-border-disabled: #6e6a86; --button-content: #908caa; --button-content-hover: #e0def4; --button-content-pressed: #e0def4; --button-content-disabled: #6e6a86; --button-primary-alt-surface: #f6c177; --button-primary-alt-surface-hover: #6eb1cc; --button-primary-alt-surface-pressed: #6e7b80; --button-primary-alt-surface-disabled: #232133; --button-primary-alt-content: #232136; --button-primary-alt-content-pressed: #262626; --button-primary-alt-content-disabled: #222222; --button-surface-alt: transparent; --button-surface-hover-alt: #4f4971; --button-surface-pressed-alt: #2e2b43; --button-surface-disabled-alt: transparent; --button-border-alt: #888888; --button-border-hover-alt: #bbbbbb; --button-border-pressed-alt: #888888; --button-border-disabled-alt: #666666; --button-content-alt: #cac7db; --button-content-hover-alt: #ffffff; --button-content-pressed-alt: #cac7db; --button-content-disabled-alt: #8b8b8b; --color-surface-error: #eb6f92; --color-content-error: #f5b0c4; --color-border-error: #fe625d; --color-surface-success: #3e8fb0; --color-content-success: #84bbd1; --color-border-success: #057b40; --color-surface-idle: #9ccfd8; --color-content-idle: #dff4f7; --color-surface-warning: #f6c177; --color-content-warning: #ffe8c7; --button-error-primary-surface: #e73d36; --button-error-primary-surface-hover: #ef7f7a; --button-error-primary-surface-pressed: #da221a; --button-error-surface: transparent; --button-error-surface-hover: #4a2221; --button-error-surface-pressed: #622422; --button-error-border: #e73d36; --button-error-border-hover: #ef7f7a; --button-error-border-pressed: #da221a; --button-error-content: #e73d36; --button-error-content-hover: #ef7f7a; --button-error-content-pressed: #da221a; --color-system-highlight-selection: #56526e; --color-system-highlight-comment-idle: #ba9d73; --color-system-highlight-comment-active: #f6c177; --color-system-highlight-comment-resolved: #eb6f92; --color-highlighter-purple: #c4a7e7; --color-highlighter-blue: #3e8fb0; --color-highlighter-cyan: #9ccfd8; --color-highlighter-green: #2d6a5e; --color-highlighter-yellow: #f6c177; --color-highlighter-orange: #b02336; --color-highlighter-coral: #ea9a97; --color-highlighter-pink: #eb6f92; --color-highlighter-grey: #56526e; --color-brand-blue: #6ab8ff; --color-brand-blue-inverted: #2173be; --color-brand-blue-alt: #6ab8ff; --color-brand-orange: #ffad5c; --color-brand-orange-inverted: #f09236; --color-brand-purple: #dc78ff; --color-brand-purple-inverted: #c455eb; --color-brand-coral: #fe6862; --color-brand-coral-inverted: #eb5b55; --color-brand-green: #56c87c; --color-brand-green-inverted: #529a6a; --color-content-link: #ea9a97; --color-graphics-1: #3e8fb0; --color-graphics-2: #5eb0d1; --color-graphics-3: #7cc2de; --color-graphics-4: #8dcfeb; --shadow-color: #6e6a86; --shadow-xs: 0px 0px 12px 0px rgb(110 106 134 / 40%); --shadow-s: 0px 0px 16px 0px rgb(110 106 134 / 40%); --shadow-m: 0px 0px 16px 0px rgb(110 106 134 / 40%); --shadow-l: 0px 0px 24px 0px rgb(110 106 134 / 40%); --shadow-xl: 0px 0px 32px 0px rgb(110 106 134 / 64%); }