/* What each theme of the board sets, from the sample apps' app/theme.css. Generated by
 * .samples/tools/ui-kit.py. The tokens land on .eui, where eui.css declares the library's. */
@layer components {
  /* Commons */
  .tb:has(.r1:checked) .eui {
    --color-brand: light-dark(#ef4a2b, #ff6a4d);
    --color-on-brand: light-dark(white, #140c09);
    --color-page: light-dark(white, #14120f);
    --color-surface: light-dark(white, #1d1a16);
    --color-soft: light-dark(#f5f3ef, #26221d);
    --color-ink: light-dark(#17150f, #f4f1ec);
    --color-muted: light-dark(#6f6a62, #a8a199);
    --color-line: light-dark(#e7e4df, #38332d);
    --color-input: light-dark(#e7e4df, #38332d);
    --color-danger: light-dark(#c2392b, #ff7a6b);
    --color-success: light-dark(#1f9d55, #4fd18b);
    --color-waitlist: light-dark(#c98f00, #f0b93a);
    --font-sans: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;
    --radius-field: 0.625rem;
    --radius-box: 0.875rem;
    --spacing-field: 2.5rem;
    --shadow-card: 0 0 0 1px var(--color-line), 0 12px 32px -12px light-dark(rgb(0 0 0 / 0.12), rgb(0 0 0 / 0.6));
  }

  /* Fieldnote */
  .tb:has(.r2:checked) .eui {
    --color-brand: light-dark(#0d7a6f, #60a5fa);
    --color-on-brand: light-dark(white, rgb(10 10 10));
    --color-page: light-dark(#f9fafb, #030712);
    --color-surface: light-dark(white, #111827);
    --color-ink: light-dark(#111827, #f3f4f6);
    --color-muted: light-dark(#4b5563, #9ca3af);
    --color-line: light-dark(#d1d5db, #374151);
    --color-input: light-dark(#d1d5db, #374151);
    --color-danger: light-dark(#b91c1c, #f87171);
    --color-success: light-dark(#166534, #4ade80);
    --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
    --radius-field: 0.5rem;
    --radius-box: 0.5rem;
  }

  /* Dark */
  .tb:has(.r3:checked) .eui {
    color-scheme: dark;
  }
}