:root {
  /* Colors — cargo teal/slate (active). Rollback: tokens-color-shipmonk.css */
  --color-primary: #0d9488;
  --color-primary-dark: #0f766e;
  --color-primary-rgb: 13 148 136;
  --color-accent: #0284c7;
  --color-orange: #ea580c;
  --color-orange-dark: #c2410c;
  --color-navy: #1e293b;
  --color-navy-dark: #0f172a;
  --color-navy-rgb: 30 41 59;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-border: rgba(30, 41, 59, 0.1);
  --color-bg: #ffffff;
  --color-bg-soft: #f1f5f9;
  --color-bg-mint: #f0fdfa;
  --color-bg-hero: linear-gradient(135deg, #ecfeff 0%, #f0fdfa 50%, #e0f2fe 100%);
  --color-gradient-card: linear-gradient(180deg, #ecfeff, #f0fdfa);
  --color-gradient-contact: linear-gradient(135deg, #ecfeff 0%, #f0fdfa 55%, #e0f2fe 100%);

  --font-heading: "Montserrat", system-ui, sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;

  --container-max: 1280px;
  --header-height: 72px;

  /* UI shape — softened (active). Rollback: tokens-shape-shipmonk.css */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-btn: 10px;

  --shadow-sm: 0 2px 8px rgba(30, 41, 59, 0.08);
  --shadow-md: 0 8px 32px rgba(30, 41, 59, 0.12);
  --transition: 0.2s ease;
  --motion-duration: 0.22s;
  --motion-duration-slow: 0.42s;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}