/*
  Blueprint Media Phase 3 design token proposal
  Status: Approved
  Production use: Not authorized
*/

:root {
  --bp-color-paper: #ffffff;
  --bp-color-field: #f7f8fa;
  --bp-color-ink: #111827;
  --bp-color-graphite: #4b5563;
  --bp-color-mist: #e5e7eb;
  --bp-color-blue: #2563eb;
  --bp-color-green: #087a55;
  --bp-color-evidence: #0b1020;
  --bp-color-error: #b42318;
  --bp-color-on-dark: #ffffff;
  --bp-color-on-dark-muted: #cbd5e1;
  --bp-color-on-dark-accent: #8fb3ff;
  --bp-color-ink-hover: #263142;

  --bp-font-sans: "Neue Montreal", "Inter", system-ui, sans-serif;
  --bp-font-serif: "Libre Baskerville", Georgia, serif;
  --bp-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --bp-font-display-1: clamp(3rem, 7vw, 5.5rem);
  --bp-font-display-2: clamp(2.6rem, 5.5vw, 4.5rem);
  --bp-font-heading-1: clamp(2.25rem, 4.5vw, 3.75rem);
  --bp-font-heading-2: clamp(1.8rem, 3vw, 2.75rem);
  --bp-font-heading-3: clamp(1.3rem, 2vw, 1.75rem);
  --bp-font-lead: clamp(1.1rem, 1.6vw, 1.25rem);
  --bp-font-body: 1.0625rem;
  --bp-font-small: 0.875rem;
  --bp-font-caption: 0.75rem;

  --bp-line-display-1: 0.98;
  --bp-line-display-2: 1.02;
  --bp-line-heading-1: 1.06;
  --bp-line-heading-2: 1.12;
  --bp-line-heading-3: 1.2;
  --bp-line-lead: 1.65;
  --bp-line-body: 1.7;
  --bp-line-small: 1.5;
  --bp-line-caption: 1.45;

  --bp-space-1: 0.25rem;
  --bp-space-2: 0.5rem;
  --bp-space-3: 0.75rem;
  --bp-space-4: 1rem;
  --bp-space-6: 1.5rem;
  --bp-space-8: 2rem;
  --bp-space-12: 3rem;
  --bp-space-16: 4rem;
  --bp-space-24: 6rem;
  --bp-space-32: 8rem;
  --bp-section-space: clamp(4.5rem, 9vw, 8rem);

  --bp-container-wide: 73.75rem;
  --bp-container-standard: 66.25rem;
  --bp-container-reading: 45rem;
  --bp-container-form: 35rem;
  --bp-gutter-mobile: 1.25rem;
  --bp-gutter-tablet: 2rem;
  --bp-gutter-desktop: 3rem;

  --bp-radius-control: 0.5rem;
  --bp-radius-surface: 1rem;
  --bp-radius-feature: 1.5rem;
  --bp-radius-pill: 999px;
  --bp-radius-redaction: 0.25rem;

  --bp-border: 1px solid var(--bp-color-mist);
  --bp-shadow-raised: 0 12px 30px rgba(17, 24, 39, 0.08);
  --bp-shadow-evidence: 0 24px 60px rgba(11, 16, 32, 0.22);

  --bp-motion-control: 160ms;
  --bp-motion-surface: 220ms;
  --bp-motion-entry: 500ms;
  --bp-motion-distance: 0.5rem;
  --bp-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);

  --bp-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.24);
  --bp-target-min: 2.75rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bp-motion-control: 0ms;
    --bp-motion-surface: 0ms;
    --bp-motion-entry: 0ms;
    --bp-motion-distance: 0;
  }
}