:root { 
 
    /* ===================================================== 
       ALTERMIND 
       DESIGN TOKENS 
 
       File: 
       assets/css/tokens.css 
 
       Scope: 
       - Existing sphere page 
       - Existing sphere visual 
       - Existing orbital elements 
       - Existing renderer-compatible colors 
 
       No layout rules. 
       No component rules. 
       No animation rules. 
       ===================================================== */ 
 
 
    /* ===================================================== 
       BACKGROUND 
    ====================================================== */ 
 
    --sphere-bg: 
        #111417; 
 
    --sphere-bg-deep: 
        #0b0d0f; 
 
 
    /* ===================================================== 
       PRIMARY SPHERE COLORS 
    ====================================================== */ 
 
    --sphere-blue: 
        #c6923a; 
 
    --sphere-blue-bright: 
        #e2c27d; 
 
    --sphere-blue-deep: 
        #8e6828; 
 
    --sphere-gold: 
        #c6923a; 
 
    --sphere-white: 
        #f5f2ea; 
 
 
    /* ===================================================== 
       NETWORK 
    ====================================================== */ 
 
    --sphere-line: 
        rgba( 
            198, 
            146, 
            58, 
            0.34 
        ); 
 
    --sphere-line-soft: 
        rgba( 
            198, 
            146, 
            58, 
            0.10 
        ); 
 
 
    /* ===================================================== 
       SPHERE STAGE 
 
       The visual needs enough horizontal room for the 
       existing left content and right sphere composition. 
       ====================================================== */ 
 
    --sphere-max-width: 
        1440px; 
 
    --sphere-stage-height: 
        760px; 
 
    --sphere-mobile-height: 
        500px; 
 
 
    /* ===================================================== 
       EXTERNAL ORBIT SIZES 
 
       These remain tied to the existing: 
       .orbit-1 
       .orbit-2 
       .orbit-3 
       ====================================================== */ 
 
    --sphere-ring-1: 
        230px; 
 
    --sphere-ring-2: 
        390px; 
 
    --sphere-ring-3: 
        560px; 
 
}