.aui-root {
       
                 
               
                
               
  --hue: 262;

       
                
               
                   
                  
               
                 
                   

                 
                    
                   
                    
               

                 
                    
              
  --font:         "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-prose:   "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, sans-serif;
  --mono:         "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;

                   
                
                
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

               
  --rad: 10px;
  --rad-sm: 7px;
  --rad-lg: 14px;
  --rad-pill: 999px;

      
  --ox-sidebar: 248px;                             
  --ox-rail: 68px;                                
  --ox-content-max: 1120px;               
  --ox-pad: 24px;                      
  --ox-canvas-h: 420px;                  

                 
                
               
  --ox-t-title: 20px;
  --ox-t-lg: 15px;
  --ox-t-md: 14px;
  --ox-t-sm: 13px;
  --ox-t-xs: 12.5px;
  --ox-t-2xs: 11px;

     
                  
                 
               
  --ox-lift-sm: 0 1px 2px oklch(0.10 0.02 var(--hue) / .40);
  --ox-lift: 0 1px 2px oklch(0.10 0.02 var(--hue) / .34), 0 8px 22px oklch(0.09 0.02 var(--hue) / .34);
  --ox-pop: 0 16px 48px oklch(0.07 0.02 var(--hue) / .55), 0 2px 6px oklch(0.07 0.02 var(--hue) / .4);

      
                   
               
                  
  --ox-sunken: oklch(0.155 0.014 var(--hue));
  --ox-hover: oklch(0.27 0.018 var(--hue));
  --ox-glow: oklch(0.70 0.155 var(--hue) / 0.13);
  --ox-scrim: oklch(0.10 0.02 var(--hue) / 0.55);

          
                
                   
                 
             
                 
         
                
                 
               
               
      
                
                 
                  
                  
                  
                  
      
                 
                
                 
                 
  --ox-word-lo: oklch(0.891 0.006 var(--hue));
  --ox-word-hi: oklch(1 0 0);
}

            
               
                
             
.aui-root[data-mode="light"] {
  --ox-lift-sm: 0 1px 2px oklch(0.55 0.03 var(--hue) / .10);
  --ox-lift: 0 1px 2px oklch(0.55 0.03 var(--hue) / .10), 0 8px 20px oklch(0.55 0.03 var(--hue) / .12);
  --ox-pop: 0 18px 44px oklch(0.5 0.03 var(--hue) / .16), 0 2px 6px oklch(0.5 0.03 var(--hue) / .10);
                 
                    
       
  --ox-sunken: oklch(0.945 0.008 var(--hue));
  --ox-hover: oklch(0.925 0.012 var(--hue));
  --ox-glow: oklch(0.56 0.17 var(--hue) / 0.10);
  --ox-scrim: oklch(0.35 0.03 var(--hue) / 0.35);
}

           
                    
@media (pointer: coarse) {
  .aui-root { --ox-pad: 16px; }
}