:root {
  /* Core brand */
  --sorts-ink: #101828;
  --sorts-blue: #155eef;
  --sorts-blue-light: #5b8cff;
  --sorts-mist: #d9e1eb;
  --sorts-cloud: #f7f6f2;
  --sorts-white: #ffffff;

  /* App accents — not used in the parent wordmark */
  --sorts-cyan: #0e9384;
  --sorts-green: #3f8f68;
  --sorts-amber: #d99a12;
  --sorts-orange: #c45c0a;
  --sorts-coral: #d96259;

  /* SORTSlink V2 product identity */
  --sortslink-teal: #0e9384;
  --sortslink-mist: #e7f5f3;
  --sortslink-projects: #3f8f68;
  --sortslink-scan: #c45c0a;
  --sortslink-ledger: #155eef;
  --sortslink-projects-soft: #e8f4ed;
  --sortslink-scan-soft: #fdf0e4;
  --sortslink-ledger-soft: #eff4ff;

  /* Product neutrals */
  --sorts-neutral-700: #344054;
  --sorts-neutral-500: #667085;
  --sorts-neutral-300: #d0d5dd;
  --sorts-neutral-200: #eaecf0;
  --sorts-neutral-100: #f2f4f7;

  /* Typography */
  --sorts-font-brand: "Manrope", system-ui, sans-serif;
  --sorts-font-product: "Inter", system-ui, sans-serif;

  /* Spacing */
  --sorts-space-1: 4px;
  --sorts-space-2: 8px;
  --sorts-space-3: 12px;
  --sorts-space-4: 16px;
  --sorts-space-6: 24px;
  --sorts-space-8: 32px;
  --sorts-space-12: 48px;
  --sorts-space-16: 64px;

  /* Shape */
  --sorts-radius-sm: 8px;
  --sorts-radius-md: 12px;
  --sorts-radius-lg: 20px;
  --sorts-radius-pill: 999px;

  /* Elevation and motion */
  --sorts-shadow-marketing: 0 16px 40px rgba(16, 24, 40, 0.08);
  --sorts-motion-standard: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --sorts-motion-complex: 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}