/* HumanMetrics design tokens v2.0.0. GENERATED, do not edit.
 * Source: .claude/skills/brand-guidelines/design-tokens.json
 * Regenerate: python3 scripts/generate_tokens_css.py */

:root {
  /* color / core */
  --hm-navy: #071B41;
  --hm-navy-deep: #061836;
  --hm-ink: #0B2347;
  --hm-paper: #FCFCFA;
  --hm-white: #FFFFFF;
  --hm-tint: #EEF4F8;
  --hm-tint-2: #DFE7F3;

  /* color / text */
  --hm-text: #071B41;
  --hm-text-body: #3D5170;
  --hm-text-muted: #5C6B82;
  --hm-text-faint: #7A879B;
  --hm-text-on-dark: #FFFFFF;
  --hm-text-on-dark-muted: #BAD0ED;

  /* color / line */
  --hm-line: #DFE5EB;
  --hm-line-navy: rgba(7, 27, 65, .12);
  --hm-line-on-dark: rgba(255, 255, 255, .18);

  /* color / spectrum */
  --hm-red: #E63B2E;
  --hm-orange: #F2772E;
  --hm-yellow: #EFB51C;
  --hm-green: #3BB36B;
  --hm-blue: #1BA5E2;
  --hm-red-text: #D22F22;
  --hm-orange-text: #A9481A;
  --hm-yellow-text: #8A6200;
  --hm-green-text: #1F7A45;
  --hm-blue-text: #0B6A9C;
  --hm-red-dark: #FF5A4A;
  --hm-orange-dark: #FF8A3D;
  --hm-yellow-dark: #FFC83D;
  --hm-green-dark: #4FD07F;
  --hm-blue-dark: #3CBAFF;

  /* color / accent */
  --hm-coral: #E0503A;
  --hm-coral-on-dark: #FF7A62;
  --hm-brush-yellow: #F6D48A;

  /* color / section */
  --hm-teams: #F2772E;
  --hm-teams-text: #A9481A;
  --hm-teams-tint: #FDF3EC;
  --hm-leadership: #1BA5E2;
  --hm-leadership-text: #0B6A9C;
  --hm-leadership-tint: #EBF6FC;
  --hm-delivery: #3BB36B;
  --hm-delivery-text: #1F7A45;
  --hm-delivery-tint: #ECF7F0;
  --hm-organisations: #EFB51C;
  --hm-organisations-text: #8A6200;
  --hm-organisations-tint: #FDF7E6;

  /* gradient */
  --hm-spectrum: linear-gradient(100deg, #E63B2E, #F2772E 22%, #EFB51C 45%, #3BB36B 68%, #1BA5E2 92%);
  --hm-spectrum-text: linear-gradient(100deg, #D22F22, #A9481A 26%, #8A6200 48%, #1F7A45 70%, #0B6A9C 94%);
  --hm-spectrum-on-dark: linear-gradient(100deg, #FF5A4A, #FF8A3D 26%, #FFC83D 48%, #4FD07F 70%, #3CBAFF 94%);

  /* typography */
  --hm-font-sans: "Manrope", system-ui, sans-serif;
  --hm-font-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;
  --hm-weight-regular: 400;
  --hm-weight-medium: 500;
  --hm-weight-bold: 700;
  --hm-weight-heavy: 800;
  --hm-text-display: clamp(52px, 6.4vw, 100px);
  --hm-text-h1: clamp(48px, 5.7vw, 90px);
  --hm-text-h2: clamp(32px, 3.8vw, 56px);
  --hm-text-h3: clamp(22px, 2.2vw, 32px);
  --hm-text-statement: clamp(21px, 2vw, 30px);
  --hm-text-hand: clamp(26px, 2.4vw, 34px);
  --hm-text-lead: clamp(18px, 1.6vw, 23px);
  --hm-text-body-size: 17px;
  --hm-text-small: 15px;
  --hm-text-xs: 13px;
  --hm-text-kicker: 12px;
  --hm-leading-tight: 1.05;
  --hm-leading-snug: 1.2;
  --hm-leading-normal: 1.5;
  --hm-leading-relaxed: 1.7;
  --hm-tracking-display: -0.04em;
  --hm-tracking-heading: -0.025em;
  --hm-tracking-kicker: 0.16em;
  --hm-weight-hand: 600;

  /* space */
  --hm-space-1: 4px;
  --hm-space-2: 8px;
  --hm-space-3: 12px;
  --hm-space-4: 16px;
  --hm-space-5: 20px;
  --hm-space-6: 24px;
  --hm-space-7: 28px;
  --hm-space-8: 36px;
  --hm-space-9: 40px;
  --hm-space-10: 50px;
  --hm-space-11: 64px;
  --hm-section-y: clamp(70px, 8vw, 120px);
  --hm-section-y-tight: clamp(48px, 5vw, 76px);
  --hm-gutter: 6vw;
  --hm-gutter-mobile: 20px;

  /* layout */
  --hm-container: 1150px;
  --hm-measure-wide: 1000px;
  --hm-measure: 720px;
  --hm-measure-narrow: 560px;
  --hm-bp-lg: 900px;
  --hm-bp-md: 760px;
  --hm-bp-sm: 600px;
  --hm-text-min: 12px;
  --hm-target-min: 24px;

  /* radius */
  --hm-radius-sm: 3px;
  --hm-radius-md: 14px;
  --hm-radius-lg: 22px;
  --hm-radius-xl: 28px;
  --hm-radius-pill: 999px;

  /* shadow */
  --hm-shadow-sm: 0 1px 0 0 rgba(7, 27, 65, .07);
  --hm-shadow-md: 0 10px 30px 0 rgba(7, 27, 65, .07);
  --hm-shadow-lg: 0 18px 40px 0 rgba(7, 27, 65, .12);
  --hm-shadow-xl: 0 30px 70px -36px rgba(7, 27, 65, .5);

  /* motion */
  --hm-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --hm-dur-fast: 200ms;
  --hm-dur-base: 300ms;
  --hm-dur-slow: 700ms;
  --hm-dur-paint: 1100ms;

  /* border */
  --hm-border-focus: 2px;
}