/* 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: #060d87;              
  --color-heading-2: #060d87;            
  --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: #f4b142;          

  
  --color-line: #d9d9de;                 
  --color-line-strong: #8a8a96;          
  --color-rule-ink: #000044;             

  
  --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: #8a8a96;              
  --nav-focus: #317bff;
  --nav-border: #000044;
  --demo-bar-bg: #000044;
  --demo-bar-text: #daebfc;              
  --demo-tag-bg: #f4b142;
  --demo-tag-text: #000044;              

  
  --footer-bg: #000044;

  
  --hero-bg: #060d87;
  --hero-scrim: linear-gradient(90deg, rgba(0, 0, 68, .55), rgba(0, 0, 68, 0) 70%);
  --hero-art-opacity: .35;
  --hero-plate-bg: #000044;

  
  --art-bg: #060d87;
  --art-blend: luminosity;

  
  --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: #fbf9ed;
  --notice-border: #ee8a07;
  --notice-text: #000000;                

  
  --font-serif: "Literata", Georgia, "Times New Roman", serif;
  --font-sans: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-heading: var(--font-sans);
  --font-body: var(--font-serif);
  --font-label: var(--font-sans);
  --stretch-label: 100%;
  --tracking-label: .06em;
  --weight-heading: 400;
  --weight-strong: 700;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1.0625rem;
  --text-md: 1.15rem;
  --text-lg: 1.3rem;
  --text-xl: clamp(1.5rem, 2.6vw, 2rem);
  --text-2xl: clamp(2rem, 4.2vw, 3rem);
  --leading: 1.6;
  --leading-snug: 1.4;
  --leading-tight: 1.15;
  --tracking-caps: .12em;
  --measure: 68ch;
  --measure-lede: 60ch;

  
  --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;
  --section: clamp(2.5rem, 5vw, 4rem);

  
  --radius: 0px;
  --radius-sm: 2px;
  --pill: 999px;
  --shadow: 0 1px 2px rgba(0, 0, 68, .06), 0 8px 24px rgba(0, 0, 68, .08);
  --shadow-hover: 0 2px 4px rgba(0, 0, 68, .08), 0 14px 32px rgba(0, 0, 68, .14);
  --shadow-plate: 0 20px 40px rgba(0, 0, 0, .18);

  
  --wrap: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --margin-col: 14rem;                   
  --tap: 44px;

  
  --logo-height: 36px;
  --logo-height-narrow: 32px;
  --logo-clear: 0px;

  
  --duration: .15s;
  --easing: ease;

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