:root {
  color-scheme: light dark;
  --rd-brand-iris: #5558e7;
  --rd-brand-iris-strong: #4044c6;
  --rd-brand-iris-soft: #eceeff;

  --rd-canvas: #f5f6fa;
  --rd-surface: #ffffff;
  --rd-surface-raised: #ffffff;
  --rd-text: #181a20;
  --rd-text-secondary: #414651;
  --rd-text-muted: #687080;
  --rd-line: #e4e7ed;
  --rd-focus: #5558e7;
  --rd-positive: #1e7950;
  --rd-positive-surface: #dff5ea;
  --rd-negative: #b4453f;
  --rd-negative-surface: #fceae8;
  --rd-pending: #835714;
  --rd-pending-surface: #fff2d8;
  --rd-info: #276f91;
  --rd-info-surface: #e3f2fa;

  --rd-font-product: Inter, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --rd-font-code: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --rd-radius-control: 16px;
  --rd-radius-card: 24px;
  --rd-radius-panel: 32px;
  --rd-shadow-card: 0 12px 36px rgb(24 26 32 / 7%);
  --rd-shadow-float: 0 18px 46px rgb(64 68 198 / 20%);
  --rd-touch-target: 44px;

  --rd-motion-fast: 180ms;
  --rd-motion-base: 280ms;
  --rd-motion-slow: 420ms;
  --rd-ease-out: cubic-bezier(.16, 1, .3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --rd-canvas: #101218;
    --rd-surface: #191c24;
    --rd-surface-raised: #222630;
    --rd-text: #f7f8fc;
    --rd-text-secondary: #c5c9d2;
    --rd-text-muted: #a1a7b2;
    --rd-line: #303541;
    --rd-focus: #898bff;
    --rd-positive: #65cea0;
    --rd-positive-surface: #18392c;
    --rd-negative: #f18d86;
    --rd-negative-surface: #422725;
    --rd-pending: #e9bc67;
    --rd-pending-surface: #3b311e;
    --rd-info: #82cbea;
    --rd-info-surface: #173342;
    --rd-shadow-card: 0 14px 42px rgb(0 0 0 / 28%);
    --rd-shadow-float: 0 18px 50px rgb(0 0 0 / 34%);
  }
}

.rd-value {
  font-family: var(--rd-font-product);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.045em;
}

.rd-code {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid var(--rd-line);
  border-radius: 10px;
  color: var(--rd-text-muted);
  background: var(--rd-surface);
  font-family: var(--rd-font-code);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.rd-primary-action {
  min-height: 56px;
  border: 0;
  border-radius: var(--rd-radius-control);
  color: #fff;
  background: var(--rd-brand-iris);
  box-shadow: var(--rd-shadow-float);
  transition: transform var(--rd-motion-fast) var(--rd-ease-out),
              background var(--rd-motion-fast) var(--rd-ease-out);
}

.rd-primary-action:active { transform: scale(.985); }
.rd-primary-action:focus-visible { outline: 3px solid var(--rd-focus); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 120ms !important;
    transition-duration: 120ms !important;
  }
}