/* Generated from DESIGN.md by tools/landing/tokens.mjs. Do not edit by hand:
   the design system is the markdown, and a value changed here would be a
   second opinion about a colour the owner already approved.

   SIGNAL, in short: violet fills an action, cyan marks data, and the two never
   share an element. Radius is zero; shape comes from a bevelled top-right
   corner. Both themes are drawn rather than inverted. */

:root {
  --c-ground: #0A0C11;
  --c-plate: #11141C;
  --c-plate-2: #191D28;
  --c-raised: #222736;
  --c-ink: #E9EDF6;
  --c-ink-muted: #A2ACC0;
  --c-ink-faint: #8590A8;
  --c-line: rgba(198, 212, 240, 0.15);
  --c-line-soft: rgba(198, 212, 240, 0.08);
  --c-line-strong: rgba(198, 212, 240, 0.30);
  --c-violet: #6E56FF;
  --c-violet-hi: #8874FF;
  --c-violet-lo: #5842E0;
  --c-violet-ink: #9C8BFF;
  --c-violet-on: #FFFFFF;
  --c-violet-wash: rgba(110, 86, 255, 0.16);
  --c-mint: #BBFAF0;
  --c-ice: #AADCFF;
  --c-signal-on: #06131A;
  --c-ok: #4FD9B0;
  --c-warn: #FFB020;
  --c-bad: #FF6B4A;
  --c-ok-wash: rgba(79, 217, 176, 0.14);
  --c-warn-wash: rgba(255, 176, 32, 0.14);
  --c-bad-wash: rgba(255, 107, 74, 0.14);

  --r-none: 0;
  --r-chamfer-sm: 6px;
  --r-chamfer-md: 10px;
  --r-chamfer-lg: 14px;

  --s-s1: 4px;
  --s-s2: 8px;
  --s-s3: 12px;
  --s-s4: 16px;
  --s-s5: 24px;
  --s-s6: 32px;
  --s-s7: 48px;
  --s-s8: 64px;
  --s-s9: 96px;
  --s-s10: 128px;
}

/* The light set replaces only what differs. Everything above that is not
   restated here is deliberately the same in both themes. */
:root[data-theme="light"] {
  --c-ground: #EFF1F6;
  --c-plate: #FFFFFF;
  --c-plate-2: #E7EAF1;
  --c-raised: #FFFFFF;
  --c-ink: #0C0F16;
  --c-ink-muted: #4A5262;
  --c-ink-faint: #616978;
  --c-line: rgba(12, 15, 22, 0.16);
  --c-line-soft: rgba(12, 15, 22, 0.08);
  --c-line-strong: rgba(12, 15, 22, 0.34);
  --c-violet-hi: #5842E0;
  --c-violet-lo: #4331C4;
  --c-violet-ink: #4B36D6;
  --c-violet-wash: rgba(110, 86, 255, 0.12);
  --c-ok: #076B51;
  --c-warn: #7A4F00;
  --c-bad: #A82F0F;
  --c-ok-wash: rgba(7, 107, 81, 0.12);
  --c-warn-wash: rgba(122, 79, 0, 0.12);
  --c-bad-wash: rgba(168, 47, 15, 0.10);
}