/* Sellbert color tokens. Dark teal only: there is no light theme. */
:root{
/* Base palette */
--teal-900:#1B353A; /* @kind color */
--teal-800:#24474D; /* @kind color */
--ivory:#F4F5F2; /* @kind color */
--coral:#FF5F2E; /* @kind color */
--terracotta:#B15A37; /* @kind color */
--white:#FFFFFF; /* @kind color */
--trustpilot-green:#00B67A; /* @kind color */
--avatar-fill:#16383D; /* @kind color */
/* RGB triplets, for composing new alphas: rgba(var(--coral-rgb), .2) */
--teal-900-rgb:27,53,58; /* @kind color */
--ivory-rgb:244,245,242; /* @kind color */
--coral-rgb:255,95,46; /* @kind color */
--ink-rgb:5,16,19; /* @kind color */
--ink-deep-rgb:5,15,17; /* @kind color */
/* Ivory on teal */
--ivory-a97:rgba(244,245,242,0.97); /* @kind color */
--ivory-a96:rgba(244,245,242,0.96); /* @kind color */
--ivory-a80:rgba(244,245,242,0.8); /* @kind color */
--ivory-a72:rgba(244,245,242,0.72); /* @kind color */
--ivory-a16:rgba(244,245,242,0.16); /* @kind color */
--ivory-a10:rgba(244,245,242,0.1); /* @kind color */
--ivory-a08:rgba(244,245,242,0.08); /* @kind color */
/* Teal on ivory */
--teal-a72:rgba(27,53,58,0.72); /* @kind color */
--teal-a52:rgba(27,53,58,0.52); /* @kind color */
--teal-a40:rgba(27,53,58,0.4); /* @kind color */
--teal-a35:rgba(27,53,58,0.35); /* @kind color */
--teal-a22:rgba(27,53,58,0.22); /* @kind color */
--teal-a16:rgba(27,53,58,0.16); /* @kind color */
--teal-a09:rgba(27,53,58,0.09); /* @kind color */
--teal-a08:rgba(27,53,58,0.08); /* @kind color */
--teal-a07:rgba(27,53,58,0.07); /* @kind color */
--teal-a05:rgba(27,53,58,0.05); /* @kind color */
/* Coral tints */
--coral-a80:rgba(255,95,46,0.8); /* @kind color */
--coral-a55:rgba(255,95,46,0.55); /* @kind color */
--coral-a50:rgba(255,95,46,0.5); /* @kind color */
--coral-a45:rgba(255,95,46,0.45); /* @kind color */
--coral-a35:rgba(255,95,46,0.35); /* @kind color */
--coral-a16:rgba(255,95,46,0.16); /* @kind color */
--coral-a13:rgba(255,95,46,0.13); /* @kind color */
/* White alphas */
--white-a90:rgba(255,255,255,0.9); /* @kind color */
--white-a66:rgba(255,255,255,0.66); /* @kind color */
--white-a60:rgba(255,255,255,0.6); /* @kind color */
--white-a50:rgba(255,255,255,0.5); /* @kind color */
/* Ink (shadow color, never used for text) */
--ink-a60:rgba(5,16,19,0.6); /* @kind color */
--ink-a45:rgba(5,16,19,0.45); /* @kind color */
--ink-a42:rgba(5,16,19,0.42); /* @kind color */
--ink-a40:rgba(5,16,19,0.4); /* @kind color */
--ink-a35:rgba(5,16,19,0.35); /* @kind color */
--ink-a34:rgba(5,16,19,0.34); /* @kind color */
--ink-a30:rgba(5,16,19,0.3); /* @kind color */
--ink-a28:rgba(5,16,19,0.28); /* @kind color */
--ink-a26:rgba(5,16,19,0.26); /* @kind color */
--ink-deep-a85:rgba(5,15,17,0.85); /* @kind color */
--ink-deep-a80:rgba(5,15,17,0.8); /* @kind color */
--ink-deep-a75:rgba(5,15,17,0.75); /* @kind color */
--ink-deep-a70:rgba(5,15,17,0.7); /* @kind color */

/* Semantic: page */
--bg-page:var(--teal-900); /* @kind color */
--bg-disc:var(--teal-800); /* @kind color */
--accent:var(--coral); /* @kind color */
--accent-2:var(--terracotta); /* @kind color */
--link:var(--ivory); /* @kind color */
--link-hover:var(--coral); /* @kind color */
--caret:var(--coral); /* @kind color */
/* Semantic: content on teal */
--fg-on-teal:var(--ivory); /* @kind color */
--fg-on-teal-body:var(--ivory-a80); /* @kind color */
--fg-on-teal-meta:var(--ivory-a72); /* @kind color */
--border-on-teal:var(--ivory-a16); /* @kind color */
--surface-user-bubble:var(--ivory-a10); /* @kind color */
--surface-icon-disc:var(--ivory-a08); /* @kind color */
/* Semantic: ivory glass surfaces */
--surface-card:var(--ivory-a97); /* @kind color */
--surface-composer:var(--ivory-a96); /* @kind color */
--border-card:var(--white-a50); /* @kind color */
--border-composer:var(--white-a60); /* @kind color */
--border-composer-focus:var(--coral-a80); /* @kind color */
/* Semantic: content on ivory */
--fg-on-ivory:var(--teal-900); /* @kind color */
--fg-on-ivory-meta:var(--teal-a72); /* @kind color */
--fg-placeholder:var(--teal-a52); /* @kind color */
--ring-pending:var(--teal-a35); /* @kind color */
--track:var(--teal-a08); /* @kind color */
--surface-row:var(--white-a66); /* @kind color */
--surface-row-hover:var(--white); /* @kind color */
--surface-row-selected:var(--teal-900); /* @kind color */
--border-row:var(--teal-a09); /* @kind color */
--border-row-hover:var(--coral-a55); /* @kind color */
--surface-chip:var(--coral-a16); /* @kind color */
--fg-chip:var(--terracotta); /* @kind color */
--surface-stat:var(--teal-a05); /* @kind color */
--surface-stat-accent:var(--coral-a13); /* @kind color */
--fg-stat-accent:var(--terracotta); /* @kind color */
--send-disabled-bg:var(--teal-a07); /* @kind color */
--send-disabled-fg:var(--teal-a40); /* @kind color */
}