:root {
  
  --bg: #070707;
  --surface: #111111;
  --text: #FCFCFC;
  --muted: #888888;
  --text-2: rgba(252, 252, 252, .64); 
  --cta: #10B981;              
  --cta-text: #070707;
  --line: rgba(252, 252, 252, .10);
  --line-soft: rgba(252, 252, 252, .08);
  --line-mid: rgba(252, 252, 252, .16);
  --line-strong: rgba(252, 252, 252, .24);
  --line-hover: rgba(252, 252, 252, .40);
  --marker-ring: rgba(252, 252, 252, .30);
  --marker-line: rgba(252, 252, 252, .70);
  --header-bg: rgba(7, 7, 7, .86);
  --scrim: rgba(7, 7, 7, .72);        
  --veil: rgba(7, 7, 7, .50);         
  --veil-off: rgba(7, 7, 7, .40);     
  --shadow-card: 0 1.5rem 3rem rgba(0, 0, 0, .55);
  --lamp-glow: 0 0 .75rem rgba(16, 185, 129, .55);
  --page-grad: linear-gradient(#070707, #111111);

  
  --light-trail: #FCFCFC;      
  --light-trail-op: .18;
  --light-head: #FCFCFC;
  --light-spark: #FCFCFC;
  --light-glow-near: rgba(252, 252, 252, .55);
  --light-glow-far: rgba(252, 252, 252, .18);
  --light-spark-glow: rgba(252, 252, 252, .30);
  --light-trail-w: 1px;
  --light-head-w: 1.5px;
  --light-head-len: 8.75rem;   
  --light-spark-d: .25rem;     
  --light-blur-near: .1875rem; 
  --light-blur-far: .875rem;   
  --light-blur-spark: 1.125rem;
  --light-head-y: 40vh;

  
  
  --agent-light: #F5D8BC;
  --agent-core: .625rem;       
  --agent-halo: 6rem;          
  --agent-halo-c: rgba(245, 216, 188, .5);
  --agent-glow: rgba(245, 216, 188, .85);
  --agent-rest: .6;
  --agent-ring: .8125rem;      
  --agent-breath: 4.8s;
  --agent-stagger: 150ms;
  --impulse: 900ms;
  --impulse-d: .25rem;         
  --impulse-halo: 1.5rem;      
  --impulse-halo-c: rgba(252, 252, 252, .35);
  --bracket: 2.5rem;           
  --bracket-arm: .5rem;        

  
  --font-sans: "Geist", system-ui, sans-serif;
  --font-logo: "Clash Display", sans-serif;
  --font-logo-sub: "Inter", sans-serif;

  
  --fs-h1: clamp(44px, 6.1vw, 88px);   
  --fs-h2: clamp(30px, 3.34vw, 48px);  
  --fs-h3: clamp(22px, 1.95vw, 28px);  
  --fs-body: 18px;                     
  --fs-body-m: 16px;                   
  --fs-ui: 15px;                       
  --fs-label: 13px;                    
  --fs-logo-sub: 9px;                  
  --fs-logo: 1.35rem;                  

  
  --logo-main-color: #ffffff;
  --logo-sub-color: rgba(255, 255, 255, .55);
  --logo-main-track: .1em;
  --logo-sub-track: .45em;
  --logo-gap: .1875rem;        

  
  --margin: 6rem;
  --margin-m: 1.5rem;
  --gutter: 1.5rem;
  --gutter-m: 1rem;
  --col: 5.125rem;
  --measure: 30em;
  --h1-max: 58.125rem;         
  --header-h: 4.5rem;

  
  --gap-scene: 4rem;           
  --gap-chapter: 8rem;         
  --gap-eyebrow: 1.5rem;       
  --gap-h2-text: 2rem;         
  --gap-par: 1.5rem;           
  --gap-action: 3rem;          
  --card-w: 22.5rem;           
  --card-pad: 1.5rem;
  --card-overlap: 3rem;        
  --btn-h: 3rem;               
  --btn-h-header: 2.75rem;     
  --row-h: 4rem;               
  --edge-feather: 8rem;        
  --scene-lap: 4rem;           

  
  --e-out: cubic-bezier(.22, 1, .36, 1);
  --e-io: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 200ms;
  --t-mid: 600ms;
  --t-mask: 760ms;
  --t-max: 900ms;
  --stagger-line: 90ms;
  --rate-plan: .85;
  --rate-front: 1.06;
  --plan-scale: 1.10;
  --lerp: .12;
}