:root {
  /* Brand */
  --bpure-teal: #007c78;
  --bpure-teal-dark: #006663;
  --bpure-teal-light: #e0f2f1;
  /* Surfaces */
  --bpure-bg: #f9fafb;
  --bpure-surface: #ffffff;
  --bpure-card-surface: #ffffff;
  --bpure-border: #e5e7eb;
  /* Gray scale */
  --bpure-gray-50: #f9fafb;
  --bpure-gray-100: #f3f4f6;
  --bpure-gray-200: #e5e7eb;
  --bpure-gray-500: #6b7280;
  --bpure-gray-600: #4b5563;
  --bpure-gray-700: #374151;
  --bpure-gray-900: #111827;
  /* Typography */
  --bpure-text-body: #142326;
  --bpure-text-heading: #111827;
  --bpure-text-muted: #6b7280;
  /* Semantic */
  --bpure-success: #15803d;
  --bpure-success-bg: #dcfce7;
  --bpure-warning: #a16207;
  --bpure-warning-bg: #fef9c3;
  --bpure-danger: #b91c1c;
  --bpure-danger-bg: #fee2e2;
  --bpure-info: #1d4ed8;
  --bpure-info-bg: #dbeafe;
  --bpure-neutral: #374151;
  --bpure-neutral-bg: #f3f4f6;
  /* Workflow states */
  --bpure-state-blocked: #b91c1c;
  --bpure-state-blocked-bg: #fee2e2;
  --bpure-state-pending: #a16207;
  --bpure-state-pending-bg: #fef9c3;
  --bpure-state-controlled: #007c78;
  --bpure-state-controlled-bg: #e0f2f1;
  --bpure-state-released: #15803d;
  --bpure-state-released-bg: #dcfce7;
  --bpure-state-review: #1d4ed8;
  --bpure-state-review-bg: #dbeafe;
  /* Layout */
  --bpure-sidebar-width: 16rem;
  --bpure-header-height: 4.5rem;
  /* Radius */
  --bpure-radius-sm: 0.375rem;
  --bpure-radius-md: 0.5rem;
  --bpure-radius-lg: 0.75rem;
  --bpure-radius-xl: 1rem;
  /* Shadows */
  --bpure-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --bpure-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --bpure-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --bpure-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  /* Spacing rhythm */
  --bpure-space-page: 2rem;
  --bpure-space-section: 1.5rem;
  --bpure-space-card: 1.25rem;
  --bpure-space-table: 0.75rem;
  --bpure-space-form: 1rem;
  /* Premium typography */
  --bpure-type-page: clamp(1.5rem, 2vw, 1.875rem);
  --bpure-type-section: 1.125rem;
  --bpure-type-meta: 0.75rem;
  --bpure-type-table: 0.8125rem;
  /* Density */
  --bpure-density-compact-table: 0.5rem;
  --bpure-density-compact-form: 0.75rem;
  /* Focus */
  --bpure-focus-ring: 0 0 0 2px var(--bpure-teal-light), 0 0 0 4px var(--bpure-teal);
  /* Refined second-pass tokens */
  --bpure-teal-hover: #006663;
  --bpure-primary-soft-bg: #e0f2f1;
  --bpure-elevated-surface: #ffffff;
  --bpure-text-strong: #111827;
  --bpure-table-header-bg: #f9fafb;
  --bpure-form-border: #e5e7eb;
  --bpure-disabled-bg: #f3f4f6;
  --bpure-amber-soft: #fffbeb;
  --bpure-orange-soft: #fff7ed;
  --bpure-radius: var(--bpure-radius-md);
  /* Motion — data UI uses shadow/border only (no lift/scale) */
  --bpure-motion-duration: 0.2s;
  --bpure-motion-ease: ease;
  --bpure-motion-hover-lift: 0;
  --bpure-motion-hover-scale: 1;
  /* Command hero / surfaces (v2) */
  --bpure-hero-gradient: linear-gradient(135deg, #f0fdfa 0%, var(--bpure-surface) 55%);
  --bpure-command-shadow: 0 4px 16px rgba(0, 124, 120, 0.08), 0 12px 32px rgba(15, 23, 42, 0.08);
  --bpure-bar-teal-gradient: linear-gradient(to bottom, #14b8a6, var(--bpure-teal));
  --bpure-section-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --bpure-section-radius: 0.75rem;
}