/* ===================================================================== SenderReputation.org - Theme tokens Loaded first on every page, frontend and admin. This is the only file in the project that is allowed to contain a raw colour literal. Palette: Graphite Steel. Carbon neutrals with a faint cool cast, so the sky accent and the hero wave artwork still read as native. Structure, and why it is shaped this way: :root light, and the complete set :root[data-theme="dark"] dark, and only ever by explicit choice LIGHT IS THE DEFAULT, deliberately. The operating system preference is NOT consulted anywhere: a first-time visitor always lands in light no matter how their machine is set, and dark appears only after someone presses the control. Light is the stronger first impression for this site, and dark is a considered opt-in rather than a surprise. That is why there is no @media (prefers-color-scheme: dark) block here. Adding one back is all it would take to follow the OS again, together with the matching guard in style.css and the default in theme.js. A consequence worth knowing: with JavaScript off there is no data-theme attribute and no media query, so the page is light. That is the intended outcome, not an oversight. Surface ladder measured in CIELAB L*, because contrast ratio is the wrong instrument for adjacent dark surfaces: inset 6.6 -> page 10.2 -> raised 15.0 -> raised-2 19.8 -> overlay 24.3 ===================================================================== */ :root{ color-scheme: light; /* ── Surfaces ────────────────────────────────────────────── */ --surface-inset:#F1F5F9; --surface-page:#FFFFFF; --surface-raised:#FFFFFF; --surface-raised-2:#F8FAFC; --surface-overlay:#FFFFFF; --surface-nav:rgba(255,255,255,.95); --surface-field:#FFFFFF; --surface-code:#1B2A4A; --surface-tooltip:#1B2A4A; --surface-band:#1B2A4A; /* section-level alternation, kept at light mode's own amplitude */ --surface-band-alt:#F8FAFC; --surface-band-soft:#FCFCFD; --hero-gradient:linear-gradient(160deg,#1B2A4A 0,#0F1A2E 40%,#111D35 100%); /* ── Text ────────────────────────────────────────────────── */ --text-strong:#0F172A; --text-brand:#1B2A4A; --text-body:#334155; --text-body-2:#475569; --text-muted:#64748B; --text-faint:#94A3B8; --text-on-band:#FFFFFF; --text-on-band-dim:#CBD5E1; --text-on-code:#E2E8F0; --text-on-accent:#FFFFFF; /* ── Borders ─────────────────────────────────────────────── */ --border-subtle:#F1F5F9; --border-default:#E2E8F0; --border-strong:#CBD5E1; --border-interactive:#CBD5E1; /* ── Accent ──────────────────────────────────────────────── */ --accent:#0EA5E9; --accent-action:#0077B6; --accent-hover:#0284C7; --accent-active:#004D7A; --accent-deep:#0369A1; --accent-tint:#F0F9FF; --accent-tint-2:#E0F2FE; --accent-border:#BAE6FD; /* ── Status ──────────────────────────────────────────────── */ --success:#10B981; --success-deep:#047857; --success-bg:#ECFDF5; --success-border:#A7F3D0; --warn:#F59E0B; --warn-deep:#B45309; --warn-bg:#FFFBEB; --warn-border:#FDE68A; --danger:#EF4444; --danger-deep:#B91C1C; --danger-bg:#FEF2F2; --danger-border:#FECACA; /* ── Grades, consumed by grade_color() in includes/functions.php ── */ --grade-a:#10B981; --grade-b:#0EA5E9; --grade-c:#F59E0B; --grade-d:#F97316; --grade-f:#EF4444; --grade-none:#94A3B8; /* ── Elevation ───────────────────────────────────────────── */ --shadow-sm:0 1px 2px rgba(15,23,42,.04); --shadow-card:0 1px 2px rgba(15,23,42,.04),0 16px 30px -22px rgba(15,23,42,.18); --shadow-lg:0 24px 48px -16px rgba(15,23,42,.18); /* GENERATED-TOKENS-START */ /* Derived from the codebase by gen-rgba-tokens.js and gen-solid-tokens.js. The light value of each is the exact literal it replaced, which is what lets the pixel gate prove light mode is unchanged. Do not hand edit: re-run the generators and inject-tokens.js instead. */ --c-blue-11-bg:#0F172A; --c-blue-17-fg:#1E293B; --c-sky-74-fg:#7DD3FC; --c-blue-17-bd:#1E293B; --c-blue-17-bg:#1E293B; --c-violet-66-fg:#8B5CF6; --c-teal-40-fg:#14B8A6; --c-teal-26-fg:#0F766E; --c-amber-89-bg:#FEF3C7; --c-orange-44-fg:#D97706; --c-green-52-bg:#34D399; --c-orange-96-bg:#FFF7ED; --c-blue-8-bg:#0B1220; --c-blue-95-bd:#EEF2F6; --c-red-51-fg:#DC2626; --c-orange-31-fg:#92400E; --c-teal-97-bg:#F0FDFA; --c-blue-99-bg:#FCFCFD; --c-blue-97-bg:#EFF6FF; --c-sky-60-fg:#38BDF8; --c-blue-93-bg:#DBEAFE; --c-orange-83-bd:#FED7AA; --c-blue-8-fg:#0B1220; --c-blue-27-bd:#334155; --c-teal-30-fg:#059669; --c-orange-40-fg:#C2410C; --c-teal-20-fg:#065F46; --c-red-71-bg:#F87171; --c-teal-40-bg:#14B8A6; --c-teal-78-bd:#99F6E4; --c-blue-92-bd:#E6EBF1; --c-orange-56-bg:#FBBF24; --c-red-51-bg:#DC2626; --c-red-94-bg:#FEE2E2; --c-blue-40-fg:#1E40AF; --c-orange-26-fg:#78350F; --c-blue-25-fg:#1E3A5F; --c-blue-98-bg:#FAFBFC; --c-sky-60-bg:#38BDF8; --c-green-24-fg:#166534; --c-green-97-bg:#F0FDF4; --c-green-73-bd:#86EFAC; --c-amber-65-bd:#FCD34D; --c-blue-65-bd:#94A3B8; --c-blue-13-bg:#111C30; --c-red-65-bg:#ED6A5E; --c-orange-63-bg:#F4BF4F; --c-green-55-bg:#61C554; --c-blue-60-fg:#8595AD; --c-green-55-fg:#61C554; --c-blue-16-bg:#13243D; --c-blue-11-bd:#0F172A; --c-teal-96-bg:#ECFEFF; --c-teal-40-bd:#14B8A6; --c-blue-14-bg:#111D35; --c-blue-42-fg:#5C6A7A; --c-green-90-bg:#D1FAE5; --c-red-35-fg:#991B1B; --c-teal-30-bg:#059669; --c-orange-44-bg:#D97706; --c-red-31-fg:#7F1D1D; --c-blue-87-bd:#BFDBFE; --c-blue-84-bd:#D1D5DB; --c-green-93-bg:#DCFCE7; --c-violet-95-bg:#EDE9FE; --c-violet-42-fg:#5B21B6; --c-sky-24-fg:#0C4A6E; --c-sky-27-fg:#075985; --c-blue-44-fg:#5B6B86; --c-green-73-fg:#86EFAC; --c-amber-65-fg:#FCD34D; --c-orange-61-bg:#FB923C; --c-blue-57-fg:#7C8AA5; --c-blue-9-bg:#0A1322; --c-violet-50-fg:#6D28D9; --c-green-67-bd:#6EE7B7; --c-sky-99-bg:#FBFCFD; --c-blue-65-bg:#94A3B8; --c-teal-89-bd:#CCFBF1; --c-sky-31-fg:#0E7490; --c-sky-29-bg:#005F94; --c-sky-29-bd:#005F94; --c-red-51-bd:#DC2626; --c-blue-12-bg:#0F1A2E; --c-sky-29-fg:#005F94; --c-blue-53-fg:#2563EB; --c-orange-83-bg:#FED7AA; --c-blue-26-bg:#243660; --c-violet-66-bg:#8B5CF6; --c-violet-76-bg:#A78BFA; --c-orange-53-bg:#F97316; --c-blue-78-bd:#93C5FD; --c-blue-60-bg:#3B82F6; --c-blue-23-bg:#1E3456; --c-violet-92-bg:#DDD6FE; --c-violet-85-bd:#C4B5FD; --c-violet-35-fg:#4C1D95; --c-red-82-bd:#FCA5A5; --c-blue-23-bd:#1E3456; --c-blue-11-bg-2:#111827; --c-orange-48-fg:#EA580C; --c-green-36-fg:#16A34A; --c-orange-87-bd:#FCE7C0; --c-blue-89-bd:#D9E2EC; --c-sky-94-fg:#E0F2FE; --c-blue-72-fg:#9FB3D1; --c-pink-83-fg:#F0ABFC; --c-lime-55-bg:#A3E635; --c-blue-97-bg-2:#EEF2FF; --c-sky-99-bg-2:#FCFEFF; --c-blue-71-fg:#9FB0C9; --c-sky-99-bg-3:#FBFDFF; --c-sky-96-bg:#EAF8FF; --c-sky-96-bg-2:#EAF7FF; --c-orange-56-fg:#FBBF24; --c-sky-97-sh:#F0F9FF; --c-blue-5-bg:#020617; --c-violet-98-bg:#F5F3FF; --c-violet-92-bd:#DDD6FE; --c-violet-98-bg-2:#FDF4FF; --c-violet-91-bd:#F5D0FE; --c-pink-40-fg:#A21CAF; --c-orange-98-bg:#FFFBF5; --c-orange-89-bd:#FCE8C8; --c-red-71-bd:#F87171; --c-red-98-bg:#FEF6F6; --c-blue-94-bd:#E9EEF5; --c-blue-88-bg:#D6DEE9; --c-blue-43-fg:#5A6B80; --c-blue-95-bg:#EEF2F6; --c-teal-90-bd:#CFFAFE; --c-blue-48-fg:#1D4ED8; --c-teal-39-sh:#10B981; --c-red-28-fg:#7C2D12; --c-teal-64-fg:#5EEAD4; --c-blue-78-fg:#93C5FD; --c-pink-61-bg:#D946EF; --c-blue-47-bg:#64748B; --sh-ink-04:rgba(0,0,0,.04); --sh-ink-05:rgba(0,0,0,.05); --sh-ink-06:rgba(0,0,0,.06); --sh-ink-08:rgba(0,0,0,.08); --sh-ink-10:rgba(0,0,0,.1); --sh-ink-12:rgba(0,0,0,.12); --sh-ink-15:rgba(0,0,0,.15); --sh-ink-20:rgba(0,0,0,.2); --sh-ink-30:rgba(0,0,0,.3); --sh-ink-50:rgba(0,0,0,.5); --sh-ink-40:rgba(0,0,0,0.4); --wash-violet-10:rgba(139,92,246,.1); --wash-sky-05:rgba(14,165,233,.05); --sh-sky-07:rgba(14,165,233,.07); --sh-sky-08:rgba(14,165,233,.08); --sh-sky-10:rgba(14,165,233,.1); --sh-sky-12:rgba(14,165,233,.12); --sh-sky-13:rgba(14,165,233,.13); --wash-sky-14:rgba(14,165,233,.14); --sh-sky-15:rgba(14,165,233,.15); --sh-sky-18:rgba(14,165,233,.18); --sh-sky-20:rgba(14,165,233,.2); --sh-sky-25:rgba(14,165,233,.25); --edge-sky-30:rgba(14,165,233,.3); --wash-sky-32:rgba(14,165,233,.32); --sh-sky-40:rgba(14,165,233,.4); --wash-sky-45:rgba(14,165,233,.45); --sh-sky-55:rgba(14,165,233,.55); --sh-sky-60:rgba(14,165,233,.6); --sh-sky-70:rgba(14,165,233,.7); --wash-sky-03:rgba(14,165,233,0.03); --wash-sky-08:rgba(14,165,233,0.08); --sh-sky-12-2:rgba(14,165,233,0.12); --sh-sky-18-2:rgba(14,165,233,0.18); --sh-sky-20-2:rgba(14,165,233,0.2); --wash-sky-22:rgba(14,165,233,0.22); --sh-sky-25-2:rgba(14,165,233,0.25); --sh-sky-30:rgba(14,165,233,0.3); --sh-sky-40-2:rgba(14,165,233,0.4); --wash-sky-70:rgba(14,165,233,0.7); --wash-sky-12:rgba(148,163,184,.12); --edge-sky-14:rgba(148,163,184,.14); --edge-sky-20:rgba(148,163,184,.2); --wash-sky-22-2:rgba(148,163,184,.22); --wash-sky-12-2:rgba(148,163,184,0.12); --wash-sky-20:rgba(148,163,184,0.2); --sh-sky-04:rgba(15,23,42,.04); --wash-sky-09:rgba(15,23,42,.09); --sh-sky-18-3:rgba(15,23,42,.18); --sh-sky-20-3:rgba(15,23,42,.2); --sh-sky-22:rgba(15,23,42,.22); --sh-sky-24:rgba(15,23,42,.24); --sh-sky-30-2:rgba(15,23,42,.3); --sh-sky-55-2:rgba(15,23,42,.55); --sh-sky-03:rgba(15,23,42,0.03); --sh-sky-04-2:rgba(15,23,42,0.04); --sh-sky-06:rgba(15,23,42,0.06); --sh-sky-08-2:rgba(15,23,42,0.08); --sh-sky-10-2:rgba(15,23,42,0.1); --sh-sky-12-3:rgba(15,23,42,0.12); --sh-sky-15-2:rgba(15,23,42,0.15); --sh-sky-16:rgba(15,23,42,0.16); --sh-sky-18-4:rgba(15,23,42,0.18); --sh-sky-20-4:rgba(15,23,42,0.2); --sh-sky-25-3:rgba(15,23,42,0.25); --sh-sky-30-3:rgba(15,23,42,0.3); --sh-sky-35:rgba(15,23,42,0.35); --sh-sky-40-3:rgba(15,23,42,0.4); --sh-sky-45:rgba(15,23,42,0.45); --wash-sky-55:rgba(15,23,42,0.55); --wash-sky-78:rgba(15,23,42,0.78); --sh-teal-08:rgba(16,185,129,.08); --wash-teal-10:rgba(16,185,129,.1); --sh-teal-15:rgba(16,185,129,.15); --sh-teal-18:rgba(16,185,129,.18); --tint-teal-45:rgba(16,185,129,.45); --sh-teal-18-2:rgba(16,185,129,0.18); --sh-teal-40:rgba(16,185,129,0.4); --sh-teal-55:rgba(16,185,129,0.55); --sh-teal-60:rgba(16,185,129,0.6); --sh-orange-50:rgba(180,83,9,.5); --sh-red-50:rgba(185,28,28,.5); --wash-sky-22-3:rgba(186,230,253,.22); --wash-sky-24:rgba(186,230,253,.24); --wash-sky-26:rgba(186,230,253,.26); --wash-sky-30:rgba(186,230,253,.30); --wash-sky-34:rgba(186,230,253,.34); --wash-sky-35:rgba(186,230,253,.35); --wash-sky-38:rgba(186,230,253,.38); --wash-sky-40:rgba(186,230,253,.4); --wash-sky-22-4:rgba(186,230,253,0.22); --wash-sky-24-2:rgba(186,230,253,0.24); --wash-sky-25:rgba(186,230,253,0.25); --wash-sky-35-2:rgba(186,230,253,0.35); --wash-sky-40-2:rgba(186,230,253,0.40); --wash-sky-60:rgba(186,230,253,0.6); --wash-sky-08-2:rgba(2,132,199,.08); --sh-sky-40-4:rgba(2,132,199,.4); --sh-sky-50:rgba(2,132,199,.5); --sh-sky-60-2:rgba(2,132,199,.6); --sh-sky-70-2:rgba(2,132,199,.7); --sh-sky-75:rgba(2,132,199,.75); --sh-sky-05:rgba(2,32,71,.05); --sh-sky-28:rgba(2,40,80,.28); --sh-sky-30-4:rgba(2,40,80,.3); --sh-sky-34:rgba(2,40,80,.34); --sh-sky-40-5:rgba(2,40,80,.4); --sh-sky-50-2:rgba(2,40,80,.5); --sh-sky-60-3:rgba(2,40,80,.6); --sh-sky-70-3:rgba(2,8,23,.7); --sh-sky-80:rgba(2,8,23,.8); --sh-sky-60-4:rgba(2,8,23,0.6); --wash-teal-05:rgba(20,184,166,0.05); --wash-teal-08:rgba(20,184,166,0.08); --sh-teal-12:rgba(20,184,166,0.12); --sh-teal-14:rgba(20,184,166,0.14); --wash-teal-28:rgba(20,184,166,0.28); --sh-teal-50:rgba(20,184,166,0.5); --wash-teal-70:rgba(20,184,166,0.7); --sh-orange-18:rgba(217,119,6,0.18); --sh-orange-40:rgba(217,119,6,0.4); --sh-red-18:rgba(220,38,38,0.18); --sh-red-40:rgba(220,38,38,0.4); --sh-red-08:rgba(239,68,68,.08); --sh-red-15:rgba(239,68,68,.15); --sh-red-50-2:rgba(239,68,68,.5); --wash-sky-60-2:rgba(240,249,255,0.6); --wash-orange-07:rgba(245,158,11,.07); --sh-orange-08:rgba(245,158,11,.08); --wash-orange-10:rgba(245,158,11,.1); --sh-orange-15:rgba(245,158,11,.15); --wash-orange-18:rgba(245,158,11,0.18); --edge-orange-40:rgba(245,158,11,0.4); --wash-sky-88:rgba(248,250,252,0.88); --sh-teal-55-2:rgba(4,120,87,.55); --edge-sky-16:rgba(56,189,248,.16); --wash-sky-20-2:rgba(56,189,248,.2); --wash-sky-22-5:rgba(56,189,248,.22); --wash-sky-50:rgba(56,189,248,.5); --edge-teal-40:rgba(94,234,212,0.4); --edge-green-40:rgba(97,197,84,.4); --wash-green-12:rgba(97,197,84,0.12); --edge-green-40-2:rgba(97,197,84,0.4); --wash-grey-10:rgba(255,255,255,.1); --wash-grey-12:rgba(255,255,255,.12); --wash-grey-15:rgba(255,255,255,.15); --wash-grey-20:rgba(255,255,255,.2); --edge-grey-25:rgba(255,255,255,.25); --wash-grey-72:rgba(255,255,255,.72); --sh-grey-04:rgba(255,255,255,0.04); --sh-grey-06:rgba(255,255,255,0.06); --wash-grey-08:rgba(255,255,255,0.08); --wash-grey-10-2:rgba(255,255,255,0.1); --wash-grey-12-2:rgba(255,255,255,0.12); --edge-grey-15:rgba(255,255,255,0.15); --edge-grey-16:rgba(255,255,255,0.16); --wash-grey-18:rgba(255,255,255,0.18); --edge-grey-20:rgba(255,255,255,0.2); --wash-grey-22:rgba(255,255,255,0.22); --wash-grey-40:rgba(255,255,255,0.4); --edge-grey-45:rgba(255,255,255,0.45); --wash-grey-70:rgba(255,255,255,0.7); --wash-grey-92:rgba(255,255,255,0.92); --edge-grey-30:rgba(255,255,255,0.3); --sh-grey-70:rgba(255,255,255,.7); --sh-grey-60:rgba(255,255,255,0.6); /* GENERATED-TOKENS-END */ } /* Dark, chosen explicitly. Identical values, higher specificity path so the switch wins on a machine set to light. */ :root[data-theme="dark"]{ color-scheme: dark; --surface-inset:#121519; --surface-page:#191C21; --surface-raised:#22262D; --surface-raised-2:#2B303A; --surface-overlay:#343A46; --surface-nav:rgba(25,28,33,.88); --surface-field:#191C21; --surface-code:#121519; --surface-tooltip:#343A46; --surface-band:#22262D; /* a whisper: 1.5 L* from the page, matching light's 1.8 */ --surface-band-alt:#1C1F25; --surface-band-soft:#1C1F25; --hero-gradient:linear-gradient(160deg,#2A303A 0,#1B1F25 46%,#21262E 100%); --text-strong:#EEF1F5; --text-brand:#EEF1F5; --text-body:#C3CAD4; --text-body-2:#AAB3BF; --text-muted:#98A1AE; --text-faint:#8F99A6; --text-on-band:#EEF1F5; --text-on-band-dim:#C3CAD4; --text-on-code:#C3CAD4; --text-on-accent:#10141A; --border-subtle:#262B33; --border-default:#2F353F; --border-strong:#3A414E; --border-interactive:#6A7483; --accent:#38BDF8; --accent-action:#38BDF8; --accent-hover:#7DD3FC; --accent-active:#BAE6FD; --accent-deep:#BAE6FD; --accent-tint:rgba(56,189,248,.10); --accent-tint-2:rgba(56,189,248,.18); --accent-border:rgba(56,189,248,.30); --success:#34D399; --success-deep:#6EE7B7; --success-bg:rgba(52,211,153,.12); --success-border:rgba(52,211,153,.30); --warn:#FBBF24; --warn-deep:#FCD34D; --warn-bg:rgba(251,191,36,.12); --warn-border:rgba(251,191,36,.30); --danger:#F87171; --danger-deep:#FCA5A5; --danger-bg:rgba(248,113,113,.12); --danger-border:rgba(248,113,113,.30); --grade-a:#34D399; --grade-b:#38BDF8; --grade-c:#FBBF24; --grade-d:#FB923C; --grade-f:#F87171; --grade-none:#98A1AE; --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-card:0 1px 2px rgba(0,0,0,.4),0 14px 28px -20px rgba(0,0,0,.6); --shadow-lg:0 24px 48px -16px rgba(0,0,0,.65); /* GENERATED-TOKENS-START */ /* Derived from the codebase by gen-rgba-tokens.js and gen-solid-tokens.js. The light value of each is the exact literal it replaced, which is what lets the pixel gate prove light mode is unchanged. Do not hand edit: re-run the generators and inject-tokens.js instead. */ --c-blue-11-bg:#171D2B; --c-blue-17-fg:#B5C2D9; --c-sky-74-fg:#87D7FC; --c-blue-17-bd:#344665; --c-blue-17-bg:#171F2B; --c-violet-66-fg:#AC8BF9; --c-teal-40-fg:#7EF1E4; --c-teal-26-fg:#9FEFE9; --c-amber-89-bg:#332F1C; --c-orange-44-fg:#F1BC7E; --c-green-52-bg:#34D399; --c-orange-96-bg:#33291C; --c-blue-8-bg:#171E2B; --c-blue-95-bd:#354C64; --c-red-51-fg:#E97575; --c-orange-31-fg:#F1AA7E; --c-teal-97-bg:#1C332E; --c-blue-99-bg:#25272A; --c-blue-97-bg:#1C2633; --c-sky-60-fg:#73D1FA; --c-blue-93-bg:#1C2633; --c-orange-83-bd:#7B5932; --c-blue-8-fg:#ACBEE2; --c-blue-27-bd:#394960; --c-teal-30-fg:#7EF1CD; --c-orange-40-fg:#F1A07E; --c-teal-20-fg:#9FEFD9; --c-red-71-bg:#432323; --c-teal-40-bg:#1F514C; --c-teal-78-bd:#327B6D; --c-blue-92-bd:#374B62; --c-orange-56-bg:#FBBF24; --c-red-51-bg:#DC2626; --c-red-94-bg:#331C1C; --c-blue-40-fg:#859DEA; --c-orange-26-fg:#EFBC9F; --c-blue-25-fg:#AAC3E4; --c-blue-98-bg:#25272A; --c-sky-60-bg:#38BDF8; --c-green-24-fg:#A3EBBE; --c-green-97-bg:#1C3323; --c-green-73-bd:#327B4D; --c-amber-65-bd:#7B6A32; --c-blue-65-bd:#455468; --c-blue-13-bg:#171E2B; --c-red-65-bg:#EC5E51; --c-orange-63-bg:#F4BD49; --c-green-55-bg:#61C554; --c-blue-60-fg:#AAB5C6; --c-green-55-fg:#8BD582; --c-blue-16-bg:#171F2B; --c-blue-11-bd:#2C3F6D; --c-teal-96-bg:#1C3233; --c-teal-40-bd:#348D84; --c-blue-14-bg:#171E2B; --c-blue-42-fg:#AEB7C2; --c-green-90-bg:#1C3327; --c-red-35-fg:#EA8686; --c-teal-30-bg:#1F5142; --c-orange-44-bg:#513A1F; --c-red-31-fg:#E48B8B; --c-blue-87-bd:#2F496A; --c-blue-84-bd:#4C5561; --c-green-93-bg:#1C3324; --c-violet-95-bg:#201C33; --c-violet-42-fg:#AD86E9; --c-sky-24-fg:#9FD2EF; --c-sky-27-fg:#9FD3EF; --c-blue-44-fg:#AAB4C5; --c-green-73-fg:#93F1B5; --c-amber-65-fg:#FDE187; --c-orange-61-bg:#FB923C; --c-blue-57-fg:#A0AABE; --c-blue-9-bg:#171F2B; --c-violet-50-fg:#AB83E9; --c-green-67-bd:#327B5E; --c-sky-99-bg:#25272A; --c-blue-65-bg:#8B9BB2; --c-teal-89-bd:#2F6A5D; --c-sky-31-fg:#7ED8F1; --c-sky-29-bg:#1F3F51; --c-sky-29-bd:#2C566D; --c-red-51-bd:#8D3434; --c-blue-12-bg:#171E2B; --c-sky-29-fg:#9FD2EF; --c-blue-53-fg:#6B95F1; --c-orange-83-bg:#433423; --c-blue-26-bg:#1F2E51; --c-violet-66-bg:#7C47F5; --c-violet-76-bg:#2B2343; --c-orange-53-bg:#F97316; --c-blue-78-bd:#32557B; --c-blue-60-bg:#3B82F6; --c-blue-23-bg:#1F3351; --c-violet-92-bg:#201C33; --c-violet-85-bd:#3C2F6A; --c-violet-35-fg:#AD87E8; --c-red-82-bd:#7B3232; --c-blue-23-bd:#2C466D; --c-blue-11-bg-2:#171E2B; --c-orange-48-fg:#F1A67E; --c-green-36-fg:#81EEA9; --c-orange-87-bd:#6A552F; --c-blue-89-bd:#334B66; --c-sky-94-fg:#9CD6FC; --c-blue-72-fg:#ACBDD7; --c-pink-83-fg:#EA89FB; --c-lime-55-bg:#A3E635; --c-blue-97-bg-2:#1C2133; --c-sky-99-bg-2:#25272A; --c-blue-71-fg:#B1BFD3; --c-sky-99-bg-3:#25272A; --c-sky-96-bg:#1C2B33; --c-sky-96-bg-2:#1C2A33; --c-orange-56-fg:#FCD160; --c-sky-97-sh:#1C2A33; --c-blue-5-bg:#171B2B; --c-violet-98-bg:#201C33; --c-violet-92-bd:#3A2F6A; --c-violet-98-bg-2:#2F1C33; --c-violet-91-bd:#5E2F6A; --c-pink-40-fg:#E284EB; --c-orange-98-bg:#332A1C; --c-orange-89-bd:#6A532F; --c-red-71-bd:#7B3232; --c-red-98-bg:#331C1C; --c-blue-94-bd:#304869; --c-blue-88-bg:#243142; --c-blue-43-fg:#ABB6C4; --c-blue-95-bg:#1C2833; --c-teal-90-bd:#2F656A; --c-blue-48-fg:#819EEE; --c-teal-39-sh:#1F5141; --c-red-28-fg:#EFB39F; --c-teal-64-fg:#93F1E2; --c-blue-78-fg:#87BEFD; --c-pink-61-bg:#D946EF; --c-blue-47-bg:#64748B; --sh-ink-04:rgba(0,0,0,.2); --sh-ink-05:rgba(0,0,0,.25); --sh-ink-06:rgba(0,0,0,.3); --sh-ink-08:rgba(0,0,0,.4); --sh-ink-10:rgba(0,0,0,.5); --sh-ink-12:rgba(0,0,0,.6); --sh-ink-15:rgba(0,0,0,.75); --sh-ink-20:rgba(0,0,0,.75); --sh-ink-30:rgba(0,0,0,.75); --sh-ink-50:rgba(0,0,0,.75); --sh-ink-40:rgba(0,0,0,.75); --wash-violet-10:rgba(159,120,248,.13); --wash-sky-05:rgba(74,191,244,.06); --sh-sky-07:rgba(74,191,244,.11); --sh-sky-08:rgba(74,191,244,.12); --sh-sky-10:rgba(74,191,244,.15); --sh-sky-12:rgba(74,191,244,.18); --sh-sky-13:rgba(74,191,244,.2); --wash-sky-14:rgba(74,191,244,.18); --sh-sky-15:rgba(74,191,244,.22); --sh-sky-18:rgba(74,191,244,.27); --sh-sky-20:rgba(74,191,244,.3); --sh-sky-25:rgba(74,191,244,.38); --edge-sky-30:rgba(74,191,244,.38); --wash-sky-32:rgba(74,191,244,.4); --sh-sky-40:rgba(74,191,244,.6); --wash-sky-45:rgba(74,191,244,.56); --sh-sky-55:rgba(74,191,244,.7); --sh-sky-60:rgba(74,191,244,.7); --sh-sky-70:rgba(74,191,244,.7); --wash-sky-03:rgba(74,191,244,.04); --wash-sky-08:rgba(74,191,244,.1); --sh-sky-12-2:rgba(74,191,244,.18); --sh-sky-18-2:rgba(74,191,244,.27); --sh-sky-20-2:rgba(74,191,244,.3); --wash-sky-22:rgba(74,191,244,.28); --sh-sky-25-2:rgba(74,191,244,.38); --sh-sky-30:rgba(74,191,244,.45); --sh-sky-40-2:rgba(74,191,244,.6); --wash-sky-70:rgba(74,191,244,.7); --wash-sky-12:rgba(169,181,198,.15); --edge-sky-14:rgba(169,181,198,.18); --edge-sky-20:rgba(169,181,198,.25); --wash-sky-22-2:rgba(169,181,198,.28); --wash-sky-12-2:rgba(169,181,198,.15); --wash-sky-20:rgba(169,181,198,.25); --sh-sky-04:rgba(0,0,0,.2); --wash-sky-09:rgba(103,135,214,.13); --sh-sky-18-3:rgba(0,0,0,.75); --sh-sky-20-3:rgba(0,0,0,.75); --sh-sky-22:rgba(0,0,0,.75); --sh-sky-24:rgba(0,0,0,.75); --sh-sky-30-2:rgba(0,0,0,.75); --sh-sky-55-2:rgba(0,0,0,.75); --sh-sky-03:rgba(0,0,0,.15); --sh-sky-04-2:rgba(0,0,0,.2); --sh-sky-06:rgba(0,0,0,.3); --sh-sky-08-2:rgba(0,0,0,.4); --sh-sky-10-2:rgba(0,0,0,.5); --sh-sky-12-3:rgba(0,0,0,.6); --sh-sky-15-2:rgba(0,0,0,.75); --sh-sky-16:rgba(0,0,0,.75); --sh-sky-18-4:rgba(0,0,0,.75); --sh-sky-20-4:rgba(0,0,0,.75); --sh-sky-25-3:rgba(0,0,0,.75); --sh-sky-30-3:rgba(0,0,0,.75); --sh-sky-35:rgba(0,0,0,.75); --sh-sky-40-3:rgba(0,0,0,.75); --sh-sky-45:rgba(0,0,0,.75); --wash-sky-55:rgba(103,135,214,.4); --wash-sky-78:rgba(103,135,214,.4); --sh-teal-08:rgba(0,0,0,.4); --wash-teal-10:rgba(100,216,178,.14); --sh-teal-15:rgba(0,0,0,.75); --sh-teal-18:rgba(0,0,0,.75); --tint-teal-45:rgba(100,216,178,.4); --sh-teal-18-2:rgba(0,0,0,.75); --sh-teal-40:rgba(0,0,0,.75); --sh-teal-55:rgba(0,0,0,.75); --sh-teal-60:rgba(0,0,0,.75); --sh-orange-50:rgba(0,0,0,.75); --sh-red-50:rgba(0,0,0,.75); --wash-sky-22-3:rgba(67,187,250,.17); --wash-sky-24:rgba(67,187,250,.18); --wash-sky-26:rgba(67,187,250,.2); --wash-sky-30:rgba(67,187,250,.22); --wash-sky-34:rgba(67,187,250,.26); --wash-sky-35:rgba(67,187,250,.26); --wash-sky-38:rgba(67,187,250,.29); --wash-sky-40:rgba(67,187,250,.3); --wash-sky-22-4:rgba(67,187,250,.17); --wash-sky-24-2:rgba(67,187,250,.18); --wash-sky-25:rgba(67,187,250,.19); --wash-sky-35-2:rgba(67,187,250,.26); --wash-sky-40-2:rgba(67,187,250,.3); --wash-sky-60:rgba(67,187,250,.4); --wash-sky-08-2:rgba(100,177,216,.11); --sh-sky-40-4:rgba(0,0,0,.75); --sh-sky-50:rgba(0,0,0,.75); --sh-sky-60-2:rgba(0,0,0,.75); --sh-sky-70-2:rgba(0,0,0,.75); --sh-sky-75:rgba(0,0,0,.75); --sh-sky-05:rgba(0,0,0,.25); --sh-sky-28:rgba(0,0,0,.75); --sh-sky-30-4:rgba(0,0,0,.75); --sh-sky-34:rgba(0,0,0,.75); --sh-sky-40-5:rgba(0,0,0,.75); --sh-sky-50-2:rgba(0,0,0,.75); --sh-sky-60-3:rgba(0,0,0,.75); --sh-sky-70-3:rgba(0,0,0,.75); --sh-sky-80:rgba(0,0,0,.75); --sh-sky-60-4:rgba(0,0,0,.75); --wash-teal-05:rgba(100,216,203,.07); --wash-teal-08:rgba(100,216,203,.11); --sh-teal-12:rgba(0,0,0,.6); --sh-teal-14:rgba(0,0,0,.7); --wash-teal-28:rgba(100,216,203,.39); --sh-teal-50:rgba(0,0,0,.75); --wash-teal-70:rgba(100,216,203,.4); --sh-orange-18:rgba(249,154,45,.27); --sh-orange-40:rgba(249,154,45,.6); --sh-red-18:rgba(230,99,99,.27); --sh-red-40:rgba(230,99,99,.6); --sh-red-08:rgba(244,123,123,.12); --sh-red-15:rgba(244,123,123,.22); --sh-red-50-2:rgba(244,123,123,.7); --wash-sky-60-2:rgba(25,28,33,.6); --wash-orange-07:rgba(248,185,80,.09); --sh-orange-08:rgba(248,185,80,.12); --wash-orange-10:rgba(248,185,80,.13); --sh-orange-15:rgba(248,185,80,.22); --wash-orange-18:rgba(248,185,80,.22); --edge-orange-40:rgba(248,185,80,.5); --wash-sky-88:rgba(25,28,33,.88); --sh-teal-55-2:rgba(0,0,0,.75); --edge-sky-16:rgba(117,209,250,.2); --wash-sky-20-2:rgba(117,209,250,.25); --wash-sky-22-5:rgba(117,209,250,.28); --wash-sky-50:rgba(117,209,250,.63); --edge-teal-40:rgba(129,239,221,.5); --edge-green-40:rgba(146,215,137,.5); --wash-green-12:rgba(146,215,137,.15); --edge-green-40-2:rgba(146,215,137,.5); --wash-grey-10:rgba(25,28,33,.1); --wash-grey-12:rgba(25,28,33,.12); --wash-grey-15:rgba(25,28,33,.15); --wash-grey-20:rgba(25,28,33,.2); --edge-grey-25:rgba(255,255,255,.04); --wash-grey-72:rgba(25,28,33,.72); --sh-grey-04:rgba(25,28,33,.04); --sh-grey-06:rgba(25,28,33,.06); --wash-grey-08:rgba(25,28,33,.08); --wash-grey-10-2:rgba(25,28,33,.1); --wash-grey-12-2:rgba(25,28,33,.12); --edge-grey-15:rgba(255,255,255,.02); --edge-grey-16:rgba(255,255,255,.03); --wash-grey-18:rgba(25,28,33,.18); --edge-grey-20:rgba(255,255,255,.03); --wash-grey-22:rgba(25,28,33,.22); --wash-grey-40:rgba(25,28,33,.4); --edge-grey-45:rgba(255,255,255,.07); --wash-grey-70:rgba(25,28,33,.7); --wash-grey-92:rgba(25,28,33,.92); --edge-grey-30:rgba(255,255,255,.05); --sh-grey-70:rgba(255,255,255,.11); --sh-grey-60:rgba(255,255,255,.1); /* GENERATED-TOKENS-END */ } /* WCAG 1.4.11 wants an input's edge to reach 3:1 against its own fill. The neutral border tokens are deliberately quiet, and on a dark ground the hover token is quieter than the resting one, which is backwards. Scoped to dark only, so light mode is untouched by construction. */ :root[data-theme="dark"] .form-input:hover, :root[data-theme="dark"] .form-select:hover, :root[data-theme="dark"] .form-textarea:hover, :root[data-theme="dark"] .form-input:focus, :root[data-theme="dark"] .form-select:focus, :root[data-theme="dark"] .form-textarea:focus{ border-color:var(--border-interactive); } /* The circular wipe drives the reveal itself, so the default cross-fade must not run underneath it. */ ::view-transition-old(root), ::view-transition-new(root){ animation:none; mix-blend-mode:normal; }