/* colour tokens */
:root {
  
  --palette-1: #060d87;   
  --palette-2: #000044;   
  --palette-3: #f4b142;   
  --palette-4: #ee8a07;   
  --palette-5: #317bff;   
  --palette-6: #ffde46;   
  --palette-7: #daebfc;   
  --palette-8: #fbf9ed;   
  --palette-9: #000000;   
  --palette-10: #ffffff;  

  
  --color-surface: #ffffff;
  --color-surface-alt: #fbf9ed;          
  --color-surface-tint: #daebfc;         
  --color-surface-inverse: #060d87;      
  --color-surface-inverse-2: #000044;    

  
  --color-text: #000000;                 
  --color-text-muted: #4d4d57;           
  --color-heading: #000000;              
  --color-heading-2: #000000;            
  --color-link: #060d87;                 
  --color-link-hover: #000044;           
  --color-kicker: #060d87;               
  --color-tag-text: #060d87;             

  
  --color-text-on-inverse: #ffffff;      
  --color-text-on-inverse-muted: #daebfc;
  --color-text-on-inverse-soft: #ffffff;

  
  --color-brand: #060d87;                
  --color-brand-strong: #000044;
  --color-accent: #f4b142;               
  --color-accent-hover: #ffde46;
  --color-on-accent: #060d87;            
  --color-accent-text: #060d87;          
  --color-accent-on-inverse: #f4b142;    
  --color-accent-tint: #daebfc;          
  --color-accent-rule: #000000;          

  
  --color-signal: #f4b142;
  --color-on-signal: #060d87;            

  
  --theme-1-bg: #060d87;  --theme-1-fg: #ffffff;   
  --theme-2-bg: #daebfc;  --theme-2-fg: #10201a;   
  --theme-3-bg: #000044;  --theme-3-fg: #ffffff;   
  --theme-4-bg: #fbf9ed;  --theme-4-fg: #10201a;   

  
  --color-line: #d9d9de;                 
  --color-line-strong: #85858f;          
  --color-line-on-inverse: #317bff;      
  --rule-heavy: 6px;                     
  --rule: 2px;

  
  --color-focus: #317bff;                
  --color-focus-on-inverse: #f4b142;     

  
  --nav-bg: #ffffff;
  --nav-text: #000000;                   
  --nav-text-current: #060d87;           
  --nav-current-bar: #060d87;            
  --nav-hover-bar: #85858f;              
  --nav-focus: #317bff;
  --nav-border: #060d87;                 
  --demo-bar-bg: #000044;
  --demo-bar-text: #daebfc;              
  --demo-tag-bg: #f4b142;
  --demo-tag-text: #000044;              

  
  --footer-bg: #000044;

  
  --hero-bg: #060d87;
  --hero-scrim: none;
  --hero-art-opacity: 1;
  --hero-plate-bg: #060d87;

  
  --art-bg: #fbf9ed;
  --art-blend: normal;

  
  --avatar-bg: #060d87;
  --avatar-text: #ffffff;                

  
  --status-recruiting-bg: #f4b142;
  --status-recruiting-fg: #060d87;       
  --status-progress-bg: #daebfc;
  --status-progress-fg: #060d87;         
  --status-completed-bg: #ececef;
  --status-completed-fg: #4d4d57;        

  
  --notice-bg: #ffffff;
  --notice-border: #000000;
  --notice-text: #000000;                

  
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --display-stretch: normal;
  --weight-display: 700;
  --tracking-display: -.01em;
  --font-serif: var(--font-display);
  --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: var(--font-display);
  --font-body: var(--font-sans);
  --weight-heading: 700;
  --weight-strong: 700;
  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1.125rem;
  --text-md: 1.25rem;
  --text-lg: 1.375rem;
  --text-xl: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --text-3xl: clamp(2rem, 1.2rem + 3.6vw, 4rem);
  --text-display: clamp(2.4rem, 1rem + 4vw, 5rem);
  --text-count: clamp(5rem, 3rem + 8vw, 10rem);
  --leading: 1.6;
  --leading-snug: 1.4;
  --leading-tight: 1.08;
  --tracking-caps: .08em;
  --measure: 66ch;
  --measure-lede: 56ch;

  
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section: clamp(3rem, 6vw, 5.5rem);

  
  --radius: 0px;
  --radius-sm: 0px;
  --pill: 999px;
  --shadow: none;
  --shadow-hover: 0 10px 24px rgba(0, 0, 68, .16);
  --shadow-plate: none;

  
  --wrap: 1280px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --tap: 44px;

  
  --logo-height: 48px;
  --logo-height-narrow: 40px;
  --logo-clear: 12px;                     

  
  --duration: .18s;
  --easing: cubic-bezier(.16, 1, .3, 1);

  
  --bp-narrow: 600px;
  --bp-medium: 820px;
}