:root { --sl-surface-100: #ffffff; --sl-surface-200: #f8fbfc; --sl-surface-300: #d8e4ea; --sl-surface-brand: #37718e; --sl-wash-warm: rgb(227 108 57 / 0.14); --sl-wash-cool: rgb(31 221 255 / 0.19); --sl-ink: #2f3737; --sl-ink-muted: #647575; --sl-ink-on-brand: #f8fbfc; --sl-on-brand-hover: rgb(255 255 255 / 0.14); --sl-on-brand-active: rgb(255 255 255 / 0.22); --sl-on-brand-line: rgb(255 255 255 / 0.2); --sl-brand: #37718e; --sl-brand-deep: #2f6179; --sl-brand-fill: #37718e; --sl-brand-tint: #d8e4ea; --sl-brand-title: #17303b; --sl-accent: #e36c39; --sl-accent-text: #9f4b27; --sl-accent-soft: #ec9b78; --sl-accent-tint: #fef8f6; --sl-accent-line: #f5c9b7; --sl-highlight: #fde68a; --sl-success: #1d7a4a; --sl-danger: #b3261e; --sl-line: #b8cdd7; --sl-line-strong: #5788a0; --sl-shadow-ink-soft: rgb(47 55 55 / 0.06); --sl-shadow-ink: rgb(47 55 55 / 0.10); --sl-focus: #37718e;}