/* Trial Match design tokens. Single source for colour, type, space, shape and motion.
   DESIGN.md "Trial Match system" owns the rules; Ledger pages keep styles.css tokens. */
.trial-match {
  /* Faint blue ground from the owner's product page (zalinks.ai, Oct 30); neutrals tint toward hue 225. */
  --tm-canvas: oklch(0.962 0.009 225);
  --tm-canvas-alt: oklch(0.986 0.003 220); /* #F8FBFC, zalinks.ai section band */
  --tm-panel: oklch(0.997 0.002 220);
  --tm-ink: oklch(0.22 0.03 255);
  --tm-ink-muted: oklch(0.47 0.03 240);
  --tm-ink-faint: oklch(0.6 0.02 235);
  --tm-line: oklch(0.905 0.012 220);
  --tm-control: oklch(0.6 0.025 235);

  /* Brand: Michigan Blue carries action and selection; Maize marks the single next step;
     cyan (the product page's accent) is decorative only and never carries text. */
  --tm-blue: oklch(0.271 0.08 252); /* #00274C Michigan Blue */
  --tm-blue-press: oklch(0.21 0.06 252);
  --tm-blue-wash: oklch(0.94 0.025 235);
  --tm-link: oklch(0.47 0.17 260);
  --tm-cyan: oklch(0.749 0.132 214); /* #00C2E0, zalinks.ai accent */
  --tm-cyan-wash: oklch(0.955 0.03 213);
  --tm-maize: oklch(0.863 0.176 90); /* #FFCB05 Maize */

  /* Status never borrows brand hues: Signed is green so the blue brand can never read as approval. */
  --tm-signed: oklch(0.43 0.09 155);
  --tm-attention: oklch(0.5 0.1 70);
  --tm-attention-wash: oklch(0.958 0.035 80);
  --tm-error: oklch(0.45 0.13 30);
  --tm-error-wash: oklch(0.952 0.025 30);
  --tm-unknown: var(--tm-ink-muted);
  --tm-cite-wash: oklch(0.93 0.04 90);

  /* Type: Manrope for the interface, Source Serif 4 only for quoted source text. */
  --tm-font: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --tm-font-source: "Source Serif 4", Georgia, serif;
  --tm-text-xs: 0.8125rem;
  --tm-text-sm: 0.875rem;
  --tm-text-base: 0.9375rem;
  --tm-text-md: 1.125rem;
  --tm-text-lg: 1.375rem;
  --tm-text-xl: 1.75rem;
  --tm-text-2xl: 2.5rem;
  --tm-text-display: clamp(2.5rem, 1.6rem + 3.4vw, 4.25rem);

  --tm-space-2: 8px;
  --tm-space-3: 12px;
  --tm-space-4: 16px;
  --tm-space-5: 24px;
  --tm-space-6: 32px;
  --tm-space-7: 48px;
  --tm-space-8: 64px;
  --tm-space-9: 96px;

  --tm-radius-control: 2px;
  --tm-radius-overlay: 6px;
  --tm-shadow-overlay: 0 18px 48px oklch(0.22 0.03 255 / 0.16);
  --tm-shadow-menu: 0 4px 16px oklch(0.22 0.03 255 / 0.1);

  --tm-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --tm-fast: 160ms;
  --tm-medium: 220ms;

  /* Shared components in styles.css read these names; remapping re-themes them in place. */
  --canvas: var(--tm-canvas);
  --surface: var(--tm-panel);
  --surface-subtle: var(--tm-canvas-alt);
  --ink: var(--tm-ink);
  --ink-secondary: var(--tm-ink-muted);
  --ink-disabled: var(--tm-ink-faint);
  --line: var(--tm-line);
  --control-line: var(--tm-control);
  --accent: var(--tm-blue);
  --accent-hover: var(--tm-blue-press);
  --accent-soft: var(--tm-blue-wash);
  --focus: var(--tm-ink);
  --attention: var(--tm-attention);
  --attention-bg: var(--tm-attention-wash);
  --error: var(--tm-error);
  --error-bg: var(--tm-error-wash);
  --unknown: var(--tm-unknown);
  --unknown-bg: var(--tm-canvas-alt);
  --citation-bg: var(--tm-cite-wash);
  --shadow-overlay: var(--tm-shadow-overlay);
  --shadow-menu: var(--tm-shadow-menu);
}