

:root {

  
  --hf-color-navy: #102333; 
  --hf-color-deep: #081925; 
  --hf-color-ink: #183347; 
  --hf-color-muted: #526a7a; 
  --hf-color-orange: #ff8c42; 
  --hf-color-orange-hover: #ffab70; 
  --hf-color-on-orange: #172533; 
  --hf-color-white: #ffffff; 
  --hf-color-pale: #edf3f7; 
  --hf-color-blue: #dce9f0; 
  --hf-color-line: #cbd8e1; 
  --hf-color-line-strong: #b3c6d2; 
  --hf-color-field-border: #aabcc8; 
  --hf-color-field-border-strong: #718797; 
  --hf-color-on-dark: #ffffff; 
  --hf-color-on-dark-soft: #becfdb; 
  --hf-color-on-dark-label: #b6cbd9; 
  --hf-color-on-dark-warm: #ffd2a6; 
  --hf-color-accent-text: #a84b11; 
  --hf-color-accent-number: #ac591e; 
  --hf-color-success: #226d59; 
  --hf-color-info: #27718f; 
  --hf-color-error: #b4382a; 
  --hf-color-error-surface: #fff0ed; 
  --hf-color-focus: #007fa3; 
  --hf-color-focus-field: #147fa5; 
  --hf-color-logo-orange: #f55f08; 

  
  --hf-font-sans: Outfit, Arial, sans-serif; 
  --hf-font-weight-regular: 400; 
  --hf-font-weight-medium: 500; 
  --hf-font-weight-heading: 550; 
  --hf-font-weight-display: 600; 
  --hf-font-weight-button: 650; 

  
  --hf-size-body: 18px; 
  --hf-size-body-mobile: 17px; 
  --hf-size-lead: 25px; 
  --hf-size-lead-mobile: 23px; 
  --hf-size-h1: clamp(46px, 5.25vw, 76px); 
  --hf-size-h2: clamp(35px, 3.4vw, 51px); 
  --hf-size-h3: 25px; 
  --hf-size-h4: 21px; 
  --hf-size-label: 16px; 
  --hf-size-small: 14px; 
  --hf-size-caption: 13px; 
  --hf-size-legal: 12px; 

  
  --hf-line-height-body: 1.65; 
  --hf-line-height-heading: 1.12; 
  --hf-line-height-lead: 1.4; 
  --hf-line-height-small: 1.6; 

  
  --hf-tracking-heading: -0.035em; 
  --hf-tracking-heading-tight: -0.045em; 

  
  --hf-layout-max-width: 1240px; 
  --hf-layout-nav-max-width: 1390px; 
  --hf-layout-measure: 70ch; 
  --hf-layout-touch-target: 44px; 

  
  --hf-space-gutter: 48px; 
  --hf-space-gutter-tablet: 32px; 
  --hf-space-gutter-mobile: 20px; 
  --hf-space-section: 106px; 
  --hf-space-section-tablet: 85px; 
  --hf-space-section-mobile: 66px; 
  --hf-space-heading-gap: 52px; 
  --hf-space-label-gap: 22px; 
  --hf-space-paragraph: 20px; 
  --hf-space-1: 4px; 
  --hf-space-2: 8px; 
  --hf-space-3: 12px; 
  --hf-space-4: 16px; 
  --hf-space-5: 24px; 
  --hf-space-6: 32px; 
  --hf-space-7: 48px; 
  --hf-space-8: 64px; 
  --hf-space-9: 96px; 

  
  --hf-radius-button: 7px; 
  --hf-radius-field: 6px; 
  --hf-radius-panel: 12px; 
  --hf-radius-form: 14px; 
  --hf-radius-media: 8px; 
  --hf-radius-portrait-arch: 110px; 
  --hf-radius-pill: 30px; 
  --hf-radius-round: 50%; 

  
  --hf-shadow-card: 0 10px 50px rgba(24, 51, 71, 0.04); 
  --hf-shadow-dialog: 0 20px 100px rgba(0, 0, 0, 0.33); 
  --hf-shadow-sticky: 0 -3px 20px rgba(16, 35, 51, 0.04); 

  
  --hf-motion-fast: 150ms; 
  --hf-motion-media: 300ms; 
  --hf-motion-ease: ease; 

  
  --hf-breakpoint-wide: 1500px; 
  --hf-breakpoint-laptop: 1100px; 
  --hf-breakpoint-tablet: 850px; 
  --hf-breakpoint-phone: 620px; 
  --hf-breakpoint-small: 360px; 

  
  --hf-site-main-muted: #576b78; 
  --hf-site-main-line: #cbd7de; 
  --hf-site-main-focus: #cc601d; 
  --hf-site-main-orange-hover: #ffa36b; 
  --hf-site-main-on-orange: #102333; 
  --hf-site-main-on-dark-label: #aac1d0; 

  
  --hf-site-pimdcon-navy: #091d29; 
  --hf-site-pimdcon-ink: #112e3c; 
  --hf-site-pimdcon-paper: #f7fafb; 
  --hf-site-pimdcon-light-blue: #dfeef2; 
  --hf-site-pimdcon-paths-surface: #eaf2f5; 
  --hf-site-pimdcon-genesis-surface: #dceaf0; 
  --hf-site-pimdcon-muted: #526b78; 
  --hf-site-pimdcon-muted-retired: #5c7783; 
  --hf-site-pimdcon-orange: #ffa55c; 
  --hf-site-pimdcon-orange-hover: #ffba83; 
  --hf-site-pimdcon-on-orange: #122632; 
  --hf-site-pimdcon-accent-on-dark: #ffb775; 
  --hf-site-pimdcon-label-on-dark: #a6d8e7; 
  --hf-site-pimdcon-calculator-surface: #173340; 
  --hf-site-pimdcon-link: #126a83; 
  --hf-site-pimdcon-focus: #007c9c; 

  
  --hf-site-retreat-deck-background: #0a0a0a; 
  --hf-site-retreat-deck-surface: #121212; 
  --hf-site-retreat-deck-foreground: #f5f5f5; 
  --hf-site-retreat-deck-secondary: #cfcfcf; 
  --hf-site-retreat-deck-muted: #9a9a9a; 
  --hf-site-retreat-deck-accent: #ff6b1a; 
  --hf-site-retreat-deck-rule: rgba(255, 255, 255, 0.22); 
  --hf-site-retreat-deck-font-mono: "JetBrains Mono", monospace; 

  
  --hf-site-agentic-power-navy: #14253e; 
  --hf-site-agentic-power-blue: #2159e8; 
  --hf-site-agentic-power-teal: #087f80; 
  --hf-site-agentic-power-teal-label: #076b6c; 
  --hf-site-agentic-power-near-white: #f7f9fc; 
  --hf-site-agentic-power-font-sans: "Avenir Next", Avenir, "Segoe UI", sans-serif; 
}
