/* GENERATED / BOOTSTRAP — base TpEMIS design tokens.
 *
 * This is the interim base token sheet used until @tpisent/tokens@0.3.0 is
 * installed; `npm run build:tokens` regenerates it from the package (spec-00
 * §8, open question §9). Values approximate the TpGroup product defaults; the
 * per-client brand overlay (brand/<client>.css) overrides the --tp-color-brand-*
 * group. Do not hand-edit beyond this bootstrap phase.
 */
:root {
  /* Brand — product defaults; overridden by the client overlay. */
  --tp-color-brand-primary: #2d6cdf;
  --tp-color-brand-primary-light: #5b8cea;
  --tp-color-brand-primary-hue: 221;
  --tp-color-brand-primary-saturation: 73%;
  --tp-color-brand-primary-lightness: 53%;
  --tp-color-brand-secondary: #1f4f9c;
  --tp-color-brand-accent: #e8a020;
  --tp-color-brand-accent-light: #f5c15a;

  /* Neutral palette / surfaces / text. */
  --tp-color-text-default: #111827;
  --tp-color-text-muted: #6b7280;
  --tp-color-text-on-primary: #ffffff;
  --tp-color-surface-default: #ffffff;
  --tp-color-surface-subtle: #f5f6f8;
  --tp-color-border-default: #d9dce1;

  /* Status. */
  --tp-color-success: #10b981;
  --tp-color-warning: #e8a020;
  --tp-color-danger: #ef4444;
  --tp-color-info: #2d6cdf;

  /* Typography. */
  --tp-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --tp-font-size-sm: 0.8125rem;
  --tp-font-size-md: 1rem;
  --tp-font-size-lg: 1.125rem;
  --tp-font-size-xl: 1.375rem;
  --tp-font-size-2xl: 1.75rem;
  --tp-font-size-3xl: 2.25rem;
  --tp-line-height-md: 1.5;
  --tp-line-height-tight: 1.25;
  --tp-font-weight-regular: 400;
  --tp-font-weight-medium: 600;
  --tp-font-weight-bold: 700;

  /* Spacing scale (4px base). */
  --tp-spacing-base: 0.25rem;
  --tp-spacing-1: 0.25rem;
  --tp-spacing-2: 0.5rem;
  --tp-spacing-3: 0.75rem;
  --tp-spacing-4: 1rem;
  --tp-spacing-6: 1.5rem;
  --tp-spacing-8: 2rem;

  /* Radius. */
  --tp-border-radius-sm: 6px;
  --tp-border-radius-md: 12px;
  --tp-border-radius-lg: 20px;
  --tp-border-radius-pill: 9999px;

  /* Shadow. */
  --tp-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.08);
  --tp-shadow-md: 0 6px 18px rgba(17, 24, 39, 0.12);
  --tp-shadow-xl: 0 24px 64px rgba(17, 24, 39, 0.18);

  /* Motion (kept cheap; honour prefers-reduced-motion in components). */
  --tp-motion-duration-fast: 120ms;
  --tp-motion-duration-base: 200ms;
  --tp-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}