/* Design tokens — Coalesce brand (:root custom properties). */

:root {
  
  --coa-blue: #2962FF;          
  --coa-blue-light: #5ECEF0;    
  --coa-cyan: #22C9FC;          
  --coa-navy: #00274B;          

  
  --coa-blue-700: #1E4FD6;      
  --coa-blue-100: #D6E2FF;      
  --coa-blue-050: #EEF3FF;      

  
  --coa-navy-900: #001A33;
  --coa-navy-800: #00274B;
  --coa-navy-700: #0B4065;
  --coa-navy-600: #1E6181;

  
  --coa-teal: #04DF9E;
  --coa-green: #0EC943;         
  --coa-magenta: #BD0485;
  --coa-pink: #FF3DD5;
  --coa-orange: #FFA800;        
  --coa-gold: #FFD001;          
  --coa-red-orange: #FF531C;    
  --coa-yellow: #FCDF47;

  
  --coa-ink: #131313;           
  --coa-black: #131313;
  --coa-n-700: #5C5C5C;         
  --coa-n-600: #858585;         
  --coa-n-500: #949494;         
  --coa-n-300: #C8C8C8;
  --coa-n-200: #DCDCDC;
  --coa-n-150: #E6E6E6;         
  --coa-n-100: #F0F0F0;         
  --coa-white: #FFFFFF;

  
  --coa-gray-dark: #8EA4A9;     
  --coa-gray: #BBD3D9;          
  --coa-gray-light: #E0ECFC;    
  --coa-wash-1: #EAF3FF;        
  --coa-wash-2: #EEF1F8;        
  --coa-border: #E6E6E6;        

  
  --color-accent: var(--coa-blue);
  --color-accent-hover: var(--coa-blue-700);
  --color-accent-soft: var(--coa-blue-100);
  --color-accent-wash: var(--coa-blue-050);

  --text-strong: var(--coa-navy);      
  --text-body: var(--coa-black);       
  --text-secondary: var(--coa-n-700); 
  --text-muted: var(--coa-n-600);      
  --text-on-dark: var(--coa-white);
  --text-link: var(--coa-blue);

  --surface-page: var(--coa-white);
  --surface-card: var(--coa-white);
  --surface-sunken: #F4F8FE;           
  --surface-dark: var(--coa-navy);
  --surface-dark-alt: var(--coa-navy-700);

  --border-default: var(--coa-border);
  --border-strong: var(--coa-n-200);
  --border-on-dark: rgba(255,255,255,0.14);

  --color-success: var(--coa-green);
  --color-warning: var(--coa-orange);
  --color-danger: var(--coa-red-orange);
  --color-info: var(--coa-blue);

  
  
  --gradient-page: linear-gradient(180deg, #FFFFFF 0%, #E0ECFC 100%); 
  
  --gradient-brand: linear-gradient(135deg, #2962FF 0%, #5ECEF0 100%); 
  
  --glow-blue: radial-gradient(50% 50% at 50% 48%, rgba(41,98,255,0.80) 0%, rgba(41,98,255,0) 84%, rgba(0,39,75,0) 100%); 
}

:root {
  
  --font-display: "Causten", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Causten", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "input-mono", "Input Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-icon: "icomoon"; 

  
  --fw-light: 300;     
  --fw-regular: 400;   
  --fw-medium: 500;    
  --fw-semibold: 600;  
  --fw-bold: 700;      

  
  --fs-display: 100px;   
  --fs-h1: 64px;         
  --fs-h2: 48px;         
  --fs-h3: 32px;         
  --fs-h4: 24px;         
  --fs-lead: 24px;       
  --fs-body-lg: 18px;    
  --fs-body: 16px;       
  --fs-sm: 14px;         
  --fs-caption: 12px;    
  --fs-eyebrow: 14px;    

  
  --lh-tight: 1.05;    
  --lh-snug: 1.2;      
  --lh-normal: 1.5;    
  --lh-relaxed: 1.6;   

  
  --ls-display: -0.04em; 
  --ls-heading: -0.02em; 
  --ls-normal: 0;        
  --ls-eyebrow: 0.15em;  
}

:root {
  
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 90px;   
  --space-10: 120px;

  
  --radius-sm: 4px;
  --radius-md: 5px;     
  --radius-lg: 10px;
  --radius-xl: 24px;    
  --radius-pill: 50px;  

  
  --border-width: 1px;            
  --border-width-strong: 1.25px;  

  
  --shadow-xs: 0 1px 2px rgba(0,39,75,0.06);
  --shadow-sm: 0 2px 8px rgba(0,39,75,0.08);
  --shadow-md: 0 8px 24px rgba(0,39,75,0.10);
  --shadow-lg: 0 20px 48px rgba(0,39,75,0.14);
  --shadow-focus: 0 0 0 3px rgba(41,98,255,0.30);   
  --shadow-icon: 0 4px 12px rgba(41,98,255,0.22);   

  
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       
  --dur-fast: 120ms;   
  --dur-base: 200ms;   
  --dur-slow: 360ms;   

  
  --container-max: 1200px;  
  --container-wide: 1440px; 
}

:root {
  --ink: #14263c;                 
  --measure: 7.0in;               
  --pad-x: 0.75in;
  --rule: #E3E9F2;                
  --wash-a: #FBFCFE;
  --wash-b: #E4EDFB;
}