:root { 

  /* ========================================
            KAMV / COLOR PALETTE 
  =========================================== */

  /* === KAMV UI CORE BRAND COLORS === */

    /* Principal (Purple) */
    --n3d-brand-p: var(--purplekamv);
    --n3d-brand-p-l: var(--purplekamv-baby);
    --n3d-brand-p-d: var(--purplekamv-stark);

    /* N3D Logo token */
    --n3d-lgcyn: #1be4ff;
    --n3d-lgprpl: #6341ff;

    /* Secundario (Lime) */
    --n3d-brand-sec: var(--limekamv);
    --n3d-brand-sec-l: var(--limekamv-baby);
    --n3d-brand-sec-d: var(--limekamv-stark);

  /* === PURPLE KAMV === */
    --purplekamv: #5b0fff;
    --purplekamv-alpha: rgba(68, 0, 255, 0.1);
    --purplekamv-a50: color-mix(in srgb, var(--purplekamv) 50%, transparent);
    --purplekamv-a30: color-mix(in srgb, var(--purplekamv) 30%, transparent);

    --purplekamv-baby: color-mix(in srgb, var(--purplekamv) 35%, white);
    --purplekamv-baby-a50: color-mix(in srgb, var(--purplekamv-baby) 50%, transparent);
    --purplekamv-baby-a30: color-mix(in srgb, var(--purplekamv-baby) 30%, transparent);

    --purplekamv-stark: color-mix(in srgb, var(--purplekamv) 80%, black);
    --purplekamv-stark-a50: color-mix(in srgb, var(--purplekamv-stark) 50%, transparent);
    --purplekamv-stark-a30: color-mix(in srgb, var(--purplekamv-stark) 30%, transparent);

    --purplekamv-soft: color-mix(in srgb, var(--purplekamv) 55%, white); 
    --purplekamv-soft-a50: color-mix(in srgb, var(--purplekamv-soft) 50%, transparent);
    --purplekamv-soft-a30: color-mix(in srgb, var(--purplekamv-soft) 30%, transparent);

    --purplekamv-muted: color-mix(in srgb, var(--purplekamv) 40%, #999999); 
    --purplekamv-muted-a50: color-mix(in srgb, var(--purplekamv-muted) 50%, transparent);
    --purplekamv-muted-a30: color-mix(in srgb, var(--purplekamv-muted) 30%, transparent);

    --purplekamv-deep: color-mix(in srgb, var(--purplekamv) 65%, black); 
    --purplekamv-deep-a50: color-mix(in srgb, var(--purplekamv-deep) 50%, transparent);
    --purplekamv-deep-a30: color-mix(in srgb, var(--purplekamv-deep) 30%, transparent);

    --purplekamv-light: color-mix(in srgb, var(--purplekamv) 25%, white);
    --purplekamv-light-a50: color-mix(in srgb, var(--purplekamv-light) 50%, transparent);
    --purplekamv-light-a30: color-mix(in srgb, var(--purplekamv-light) 30%, transparent); 
    
  /* === LIME KAMV === */
    --limekamv: #00ff11;
    --limekamv-alpha: rgba(144, 255, 0, 0.1);
    --limekamv-a50: color-mix(in srgb, var(--limekamv) 50%, transparent);
    --limekamv-a30: color-mix(in srgb, var(--limekamv) 30%, transparent);

    --limekamv-baby: color-mix(in srgb, var(--limekamv) 35%, white);
    --limekamv-baby-a50: color-mix(in srgb, var(--limekamv-baby) 50%, transparent);
    --limekamv-baby-a30: color-mix(in srgb, var(--limekamv-baby) 30%, transparent);

    --limekamv-stark: color-mix(in srgb, var(--limekamv) 80%, black);
    --limekamv-stark-a50: color-mix(in srgb, var(--limekamv-stark) 50%, transparent);
    --limekamv-stark-a30: color-mix(in srgb, var(--limekamv-stark) 30%, transparent);

    --limekamv-soft: color-mix(in srgb, var(--limekamv) 55%, white);
    --limekamv-soft-a50: color-mix(in srgb, var(--limekamv-soft) 50%, transparent);
    --limekamv-soft-a30: color-mix(in srgb, var(--limekamv-soft) 30%, transparent);

    --limekamv-muted: color-mix(in srgb, var(--limekamv) 40%, #999999);
    --limekamv-muted-a50: color-mix(in srgb, var(--limekamv-muted) 50%, transparent);
    --limekamv-muted-a30: color-mix(in srgb, var(--limekamv-muted) 30%, transparent);

    --limekamv-deep: color-mix(in srgb, var(--limekamv) 65%, black);
    --limekamv-deep-a50: color-mix(in srgb, var(--limekamv-deep) 50%, transparent);
    --limekamv-deep-a30: color-mix(in srgb, var(--limekamv-deep) 30%, transparent);

    --limekamv-light: color-mix(in srgb, var(--limekamv) 25%, white);
    --limekamv-light-a50: color-mix(in srgb, var(--limekamv-light) 50%, transparent);
    --limekamv-light-a30: color-mix(in srgb, var(--limekamv-light) 30%, transparent);
    
        /* === INDIGO KAMV === */
    --indigokamv: #4800ff;
    --indigokamv-alpha: rgba(75, 51, 255, 0.1);
    --indigokamv-a50: color-mix(in srgb, var(--indigokamv) 50%, transparent);
    --indigokamv-a30: color-mix(in srgb, var(--indigokamv) 30%, transparent);

    --indigokamv-baby: color-mix(in srgb, var(--indigokamv) 35%, white);
    --indigokamv-baby-a50: color-mix(in srgb, var(--indigokamv-baby) 50%, transparent);
    --indigokamv-baby-a30: color-mix(in srgb, var(--indigokamv-baby) 30%, transparent);

    --indigokamv-stark: color-mix(in srgb, var(--indigokamv) 80%, black);
    --indigokamv-stark-a50: color-mix(in srgb, var(--indigokamv-stark) 50%, transparent);
    --indigokamv-stark-a30: color-mix(in srgb, var(--indigokamv-stark) 30%, transparent);

    --indigokamv-soft: color-mix(in srgb, var(--indigokamv) 55%, white);
    --indigokamv-soft-a50: color-mix(in srgb, var(--indigokamv-soft) 50%, transparent);
    --indigokamv-soft-a30: color-mix(in srgb, var(--indigokamv-soft) 30%, transparent);

    --indigokamv-muted: color-mix(in srgb, var(--indigokamv) 40%, #999999);
    --indigokamv-muted-a50: color-mix(in srgb, var(--indigokamv-muted) 50%, transparent);
    --indigokamv-muted-a30: color-mix(in srgb, var(--indigokamv-muted) 30%, transparent);

    --indigokamv-deep: color-mix(in srgb, var(--indigokamv) 65%, black);
    --indigokamv-deep-a50: color-mix(in srgb, var(--indigokamv-deep) 50%, transparent);
    --indigokamv-deep-a30: color-mix(in srgb, var(--indigokamv-deep) 30%, transparent);

    --indigokamv-light: color-mix(in srgb, var(--indigokamv) 25%, white);
    --indigokamv-light-a50: color-mix(in srgb, var(--indigokamv-light) 50%, transparent);
    --indigokamv-light-a30: color-mix(in srgb, var(--indigokamv-light) 30%, transparent);

    /* === JADE KAMV === */
    --jadekamv: #00bd8a;
    --jadekamv-alpha: rgba(0, 189, 138, 0.1);
    --jadekamv-a50: color-mix(in srgb, var(--jadekamv) 50%, transparent);
    --jadekamv-a30: color-mix(in srgb, var(--jadekamv) 30%, transparent);

    --jadekamv-baby: color-mix(in srgb, var(--jadekamv) 35%, white);
    --jadekamv-baby-a50: color-mix(in srgb, var(--jadekamv-baby) 50%, transparent);
    --jadekamv-baby-a30: color-mix(in srgb, var(--jadekamv-baby) 30%, transparent);

    --jadekamv-stark: color-mix(in srgb, var(--jadekamv) 80%, black);
    --jadekamv-stark-a50: color-mix(in srgb, var(--jadekamv-stark) 50%, transparent);
    --jadekamv-stark-a30: color-mix(in srgb, var(--jadekamv-stark) 30%, transparent);

    --jadekamv-soft: color-mix(in srgb, var(--jadekamv) 55%, white);
    --jadekamv-soft-a50: color-mix(in srgb, var(--jadekamv-soft) 50%, transparent);
    --jadekamv-soft-a30: color-mix(in srgb, var(--jadekamv-soft) 30%, transparent);

    --jadekamv-muted: color-mix(in srgb, var(--jadekamv) 40%, #999999);
    --jadekamv-muted-a50: color-mix(in srgb, var(--jadekamv-muted) 50%, transparent);
    --jadekamv-muted-a30: color-mix(in srgb, var(--jadekamv-muted) 30%, transparent);

    --jadekamv-deep: color-mix(in srgb, var(--jadekamv) 65%, black);
    --jadekamv-deep-a50: color-mix(in srgb, var(--jadekamv-deep) 50%, transparent);
    --jadekamv-deep-a30: color-mix(in srgb, var(--jadekamv-deep) 30%, transparent);

    --jadekamv-light: color-mix(in srgb, var(--jadekamv) 25%, white);
    --jadekamv-light-a50: color-mix(in srgb, var(--jadekamv-light) 50%, transparent);
    --jadekamv-light-a30: color-mix(in srgb, var(--jadekamv-light) 30%, transparent);

    /* === NARANJA KAMV === */
    --naranjakamv: #ff5900;
    --naranjakamv-alpha: rgba(246, 126, 20, 0.1);
    --naranjakamv-a50: color-mix(in srgb, var(--naranjakamv) 50%, transparent);
    --naranjakamv-a30: color-mix(in srgb, var(--naranjakamv) 30%, transparent);

    --naranjakamv-baby: color-mix(in srgb, var(--naranjakamv) 35%, white);
    --naranjakamv-baby-a50: color-mix(in srgb, var(--naranjakamv-baby) 50%, transparent);
    --naranjakamv-baby-a30: color-mix(in srgb, var(--naranjakamv-baby) 30%, transparent);

    --naranjakamv-stark: color-mix(in srgb, var(--naranjakamv) 80%, black);
    --naranjakamv-stark-a50: color-mix(in srgb, var(--naranjakamv-stark) 50%, transparent);
    --naranjakamv-stark-a30: color-mix(in srgb, var(--naranjakamv-stark) 30%, transparent);

    --naranjakamv-soft: color-mix(in srgb, var(--naranjakamv) 55%, white);
    --naranjakamv-soft-a50: color-mix(in srgb, var(--naranjakamv-soft) 50%, transparent);
    --naranjakamv-soft-a30: color-mix(in srgb, var(--naranjakamv-soft) 30%, transparent);

    --naranjakamv-muted: color-mix(in srgb, var(--naranjakamv) 40%, #999999);
    --naranjakamv-muted-a50: color-mix(in srgb, var(--naranjakamv-muted) 50%, transparent);
    --naranjakamv-muted-a30: color-mix(in srgb, var(--naranjakamv-muted) 30%, transparent);

    --naranjakamv-deep: color-mix(in srgb, var(--naranjakamv) 65%, black);
    --naranjakamv-deep-a50: color-mix(in srgb, var(--naranjakamv-deep) 50%, transparent);
    --naranjakamv-deep-a30: color-mix(in srgb, var(--naranjakamv-deep) 30%, transparent);

    --naranjakamv-light: color-mix(in srgb, var(--naranjakamv) 25%, white);
    --naranjakamv-light-a50: color-mix(in srgb, var(--naranjakamv-light) 50%, transparent);
    --naranjakamv-light-a30: color-mix(in srgb, var(--naranjakamv-light) 30%, transparent);

    /* === FUCHSIA KAMV === */
    --fuchsiakamv: #ff0037;
    --fuchsiakamv-alpha: rgba(255, 0, 55, 0.1);
    --fuchsiakamv-a50: color-mix(in srgb, var(--fuchsiakamv) 50%, transparent);
    --fuchsiakamv-a30: color-mix(in srgb, var(--fuchsiakamv) 30%, transparent);

    --fuchsiakamv-baby: color-mix(in srgb, var(--fuchsiakamv) 35%, white);
    --fuchsiakamv-baby-a50: color-mix(in srgb, var(--fuchsiakamv-baby) 50%, transparent);
    --fuchsiakamv-baby-a30: color-mix(in srgb, var(--fuchsiakamv-baby) 30%, transparent);

    --fuchsiakamv-stark: color-mix(in srgb, var(--fuchsiakamv) 80%, black);
    --fuchsiakamv-stark-a50: color-mix(in srgb, var(--fuchsiakamv-stark) 50%, transparent);
    --fuchsiakamv-stark-a30: color-mix(in srgb, var(--fuchsiakamv-stark) 30%, transparent);

    --fuchsiakamv-soft: color-mix(in srgb, var(--fuchsiakamv) 55%, white);
    --fuchsiakamv-soft-a50: color-mix(in srgb, var(--fuchsiakamv-soft) 50%, transparent);
    --fuchsiakamv-soft-a30: color-mix(in srgb, var(--fuchsiakamv-soft) 30%, transparent);

    --fuchsiakamv-muted: color-mix(in srgb, var(--fuchsiakamv) 40%, #999999);
    --fuchsiakamv-muted-a50: color-mix(in srgb, var(--fuchsiakamv-muted) 50%, transparent);
    --fuchsiakamv-muted-a30: color-mix(in srgb, var(--fuchsiakamv-muted) 30%, transparent);

    --fuchsiakamv-deep: color-mix(in srgb, var(--fuchsiakamv) 65%, black);
    --fuchsiakamv-deep-a50: color-mix(in srgb, var(--fuchsiakamv-deep) 50%, transparent);
    --fuchsiakamv-deep-a30: color-mix(in srgb, var(--fuchsiakamv-deep) 30%, transparent);

    --fuchsiakamv-light: color-mix(in srgb, var(--fuchsiakamv) 25%, white);
    --fuchsiakamv-light-a50: color-mix(in srgb, var(--fuchsiakamv-light) 50%, transparent);
    --fuchsiakamv-light-a30: color-mix(in srgb, var(--fuchsiakamv-light) 30%, transparent);

    /* ======================================
    PURPLE KAMV VARIATIONS (pk-)
    Base: --purplekamv: #4200ff
    ========================================= */
      --ppk-mist-gray: #d9d9ff;   
      --ppk-pale-blue: #bfbfff;    
      --ppk-steel-gray: #a6a6cc;   
      --ppk-charcoal-gray: #737399; 
      --ppk-dark-charcoal: #4d4d66;  
      --ppk-soft-indigo: #7f7fff;         
      --ppk-cloud-blue: #8c8cff;
      --ppk-indigo-dark: #3000c0;
      --ppk-midnight: #4e00c3;         
      --ppk-deep-purple: #210086;     
      --ppk-night-sky: #22005a;           
      --ppk-inky-black: #130032;         
      --ppk-void-black: #0a001a;       
      --ppk-onyx: #050011;    

      /* ============================================
      LIME KAMV VARIATIONS (lmk-)
      Base: --limekamv: #90ff00
      ============================================ */
      --lmk-mist-lime: #eeffd9;
      --lmk-pale-lime: #e3ffbf;
      --lmk-steel-lime: #c5cca6; 
      --lmk-charcoal-lime: #919973;
      --lmk-dark-charcoal: #5f664d;  
      --lmk-soft-lime: #c4ff7f; 
      --lmk-cloud-lime: #caff8c;
      --lmk-lime-dark: #6dc000; 
      --lmk-midnight: #71c300; 
      --lmk-deep-lime: #488600; 
      --lmk-night-acid: #2e5a00; 
      --lmk-inky-black: #1a3200; 
      --lmk-void-black: #0d1a00;
      --lmk-onyx: #051100; 

        /* ============================================
       INDIGO KAMV VARIATIONS (idk-)
       Base: --indigokamv: #4b33ff
    ============================================ */
    --idk-mist-indigo: #dddaff;
    --idk-pale-indigo: #c4bfff;
    --idk-steel-indigo: #a8a3cc;
    --idk-charcoal-indigo: #787399;
    --idk-dark-charcoal: #504d66;
    --idk-soft-indigo: #8a7fff;
    --idk-cloud-indigo: #9590ff;
    --idk-indigo-dark: #3826c0;
    --idk-midnight: #3d28c3;
    --idk-deep-indigo: #261786;
    --idk-night-violet: #1c0e5a;
    --idk-inky-black: #100832;
    --idk-void-black: #08041a;
    --idk-onyx: #040211;
  
    /* ============================================
   JADE KAMV VARIATIONS (jdk-)
   Base: --jadekamv: #00bd8a
    ============================================ */
    --jdk-mist-jade: #d9f5ed;
    --jdk-pale-jade: #bfede1;  
    --jdk-steel-jade: #a6ccc1;
    --jdk-charcoal-jade: #739991;
    --jdk-dark-charcoal: #4d665f;
    --jdk-soft-jade: #7fddc4;
    --jdk-cloud-jade: #8ce1ca;
    --jdk-jade-dark: #008f69;
    --jdk-midnight: #00936d;
    --jdk-deep-jade: #005f45;
    --jdk-night-forest: #003d2c;
    --jdk-inky-black: #00221a;
    --jdk-void-black: #00120d;
    --jdk-onyx: #000805;

    /* ============================================
              KAMV NEUTRAL COLORS
    ============================================ */

    /* === WHITES (100% → 95%) === */

    --white: #FFFFFF;             /* 100% Pure white */
    --snowwhite: #FFFAFA;         /* 99% Slightly warm */
    --creamwhite: #FFFFF0;        /* 99% Cream tone */
    --floralwhite: #FFFAF0;       /* 98% Soft warm */
    --softwhite: #FAFAFA;         /* 98% Clean white */
    --offwhite: #F8F8F8;          /* 97% Subtle gray */
    --lowwhite: #F4F4F4;          /* 96% Light gray-white */
    --mistywhite: #F2F2F2;        /* 95% Mist tone */
    --ghostwhite: #F0F0F0;        /* 94% Ghost tone */

    /* === LIGHT GRAYS (90% → 75%) === */

    --lightgray: #F7F7F7;         /* 97% Very light */
    --graysmoke: #DDDDDD;         /* 87% Smoke tone */
    --softgray: #E2E2E2;          /* 89% Soft light */
    --lowgray: #D3D3D3;           /* 83% Low contrast */
    --graystone: #CACACA;         /* 79% Stone tone */
    --silvergray: #C5C5C5;        /* 77% Silver tone */

    /* === MEDIUM GRAYS (65% → 50%) === */

    --mediumgray: #A9A9A9;        /* 66% Standard gray */
    --graydove: #A3A3A3;          /* 64% Dove tone */
    --graycloud: #9E9E9E;         /* 62% Cloud tone */
    --grayslate: #8F8F8F;         /* 56% Slate tone */
    --darkgray: #858585;          /* 52% Dark gray */

    /* === DARK GRAYS (15% → 5%) === */

    --midnightgray: #262626;      /* 15% Midnight */
    --deepgray: #1a1a1a;          /* 12% Deep tone */
    --lowblack: #191919;          /* 10% Almost black */
    --blacknoir: #111111;         /* 7% Noir tone */
    --pitchblack: #0A0A0A;        /* 4% Pitch dark */
    --black: #000000;             /* 0% Pure black */

    /* === BLACK ALPHA VARIATIONS === */

    --alpha: rgba(0,0,0,0.1);
    --black-10: rgba(0, 0, 0, 0.1);   /* Light overlay */
    --black-20: rgba(0, 0, 0, 0.23);  /* Soft shadow */
    --black-40: rgba(0, 0, 0, 0.41);  /* Medium overlay */
    --black-60: rgba(0, 0, 0, 0.62);  /* Strong overlay */
    --black-80: rgba(0, 0, 0, 0.83);  /* Heavy overlay */
    --white-10: rgba(255, 255, 255, 0.1);   /* Light overlay */
    --white-20: rgba(255, 255, 255, 0.23);  /* Soft shadow */
    --white-40: rgba(255, 255, 255, 0.41);  /* Medium overlay */
    --white-60: rgba(255, 255, 255, 0.62);  /* Strong overlay */
    --white-80: rgba(255, 255, 255, 0.83);  /* Heavy overlay */


  /* ================================================================
   KAMV GRADIENT SYSTEM — PURPLE & LIME EDITION
   Only gradients based on:
   · Purple KAMV palette (purplekamv-*, ppk-*)
   · Lime KAMV palette (limekamv-*, lmk-*)
   · Neutral palette (whites, grays, blacks, alphas)
================================================================ */


/* ==== ANGLES (unchanged) ==== */

    --kg-angle: 333deg;
    
    --kg-angle-0: 0deg;
    --kg-angle-45: 45deg;
    --kg-angle-90: 90deg;
    --kg-angle-135: 135deg;
    --kg-angle-180: 180deg;
    --kg-angle-220: 220deg;
    --kg-angle-270: 270deg;
    --kg-angle-310: 310deg;


/* ================================================================
   PURPLE LINEAR GRADIENTS
================================================================ */

    /* === PURPLE DUO === */
    --kg-purple-mist: linear-gradient(var(--kg-angle-135), var(--ppk-mist-gray), var(--purplekamv-soft), var(--ppk-pale-blue));
    --kg-purple-void: linear-gradient(var(--kg-angle-180), var(--ppk-void-black), var(--purplekamv-deep), var(--ppk-midnight));
    --kg-purple-neon: linear-gradient(var(--kg-angle-45), var(--purplekamv), color-mix(in srgb, var(--purplekamv) 50%, white), var(--purplekamv));
    --kg-purple-smoke: linear-gradient(var(--kg-angle-270), var(--ppk-charcoal-gray), var(--purplekamv-muted), var(--ppk-steel-gray));

    /* === PURPLE TRIO === */
    --kg-purple-descent: linear-gradient(var(--kg-angle-180), var(--purplekamv-light), var(--purplekamv), var(--purplekamv-deep));
    --kg-purple-fog: linear-gradient(var(--kg-angle-135), var(--ppk-mist-gray), var(--purplekamv-muted), var(--ppk-charcoal-gray));
    --kg-purple-abyss: linear-gradient(var(--kg-angle-0), var(--ppk-onyx), var(--ppk-void-black), var(--purplekamv-deep));
    --kg-purple-silk: linear-gradient(var(--kg-angle), var(--purplekamv-baby), var(--purplekamv-soft), var(--purplekamv-light));

    /* === PURPLE SPECIAL === */
    --kg-glass-purple: linear-gradient(var(--kg-angle-135), 
        color-mix(in srgb, var(--purplekamv) 15%, transparent), 
        color-mix(in srgb, var(--purplekamv) 5%, transparent));
    --kg-noir: linear-gradient(var(--kg-angle-180), var(--black), var(--ppk-charcoal-gray), var(--ppk-void-black));
    --kg-chrome: linear-gradient(var(--kg-angle-90), 
        var(--ppk-steel-gray), 
        var(--white), 
        var(--ppk-steel-gray), 
        var(--white), 
        var(--ppk-steel-gray));


/* ================================================================
   PURPLE RADIAL GRADIENTS
================================================================ */

    --kgr-purple-glow: radial-gradient(circle at 50% 50%, var(--purplekamv), var(--purplekamv-deep), var(--ppk-void-black));
    --kgr-orb-purple: radial-gradient(circle at 30% 30%, var(--purplekamv-light), var(--purplekamv), var(--purplekamv-stark));
    --kgr-spotlight: radial-gradient(ellipse at 50% 0%, var(--purplekamv-soft), transparent 70%);
    --kgr-vignette: radial-gradient(ellipse at 50% 50%, transparent 40%, var(--ppk-void-black) 100%);

    /* — NEW — */
    --kgr-purple-haze: radial-gradient(ellipse at 50% 50%, var(--purplekamv-baby), var(--purplekamv-muted), var(--ppk-night-sky));
    --kgr-purple-ember: radial-gradient(circle at 70% 70%, var(--purplekamv-soft), var(--purplekamv-deep), var(--ppk-onyx));


/* ================================================================
   PURPLE CONIC GRADIENTS
================================================================ */

    --kgc-void-spiral: conic-gradient(from var(--kg-angle-220), var(--ppk-onyx), var(--ppk-void-black), var(--purplekamv-deep), var(--ppk-night-sky), var(--ppk-onyx));

    /* — NEW — */
    --kgc-purple-dial: conic-gradient(from var(--kg-angle), var(--purplekamv-light), var(--purplekamv), var(--purplekamv-deep), var(--purplekamv-stark), var(--purplekamv-light));
    --kgc-purple-ghost: conic-gradient(from 0deg, var(--ppk-mist-gray), var(--purplekamv-baby), var(--ppk-pale-blue), var(--purplekamv-soft), var(--ppk-mist-gray));


/* ================================================================
   PURPLE FADE GRADIENTS
================================================================ */

    --kgt-purple-fade: linear-gradient(var(--kg-angle-135), transparent, var(--purplekamv), transparent);
    --kgt-vertical-fade: linear-gradient(var(--kg-angle-180), transparent, var(--purplekamv-a50), transparent);

    /* — NEW — */
    --kgt-purple-deep-fade: linear-gradient(var(--kg-angle-135), transparent, var(--purplekamv-deep), transparent);
    --kgt-purple-soft-fade: linear-gradient(var(--kg-angle-90), transparent, var(--purplekamv-baby), transparent);


/* ================================================================
   PURPLE MESH GRADIENTS
================================================================ */

    /* — NEW — pure purple mesh */
    --kgm-purple-cloud: 
        radial-gradient(at 0% 0%, var(--purplekamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 0%, var(--purplekamv-baby-a50) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--purplekamv-deep-a50) 0%, transparent 50%),
        radial-gradient(at 0% 100%, var(--purplekamv-soft-a50) 0%, transparent 50%);


/* ================================================================
   LIME LINEAR GRADIENTS
================================================================ */

    /* — NEW — lime equivalents */
    --kg-lime-mist: linear-gradient(var(--kg-angle-135), var(--lmk-mist-lime), var(--limekamv-soft), var(--lmk-pale-lime));
    --kg-lime-void: linear-gradient(var(--kg-angle-180), var(--lmk-void-black), var(--limekamv-deep), var(--lmk-midnight));
    --kg-lime-neon: linear-gradient(var(--kg-angle-45), var(--limekamv), color-mix(in srgb, var(--limekamv) 50%, white), var(--limekamv));
    --kg-lime-smoke: linear-gradient(var(--kg-angle-270), var(--lmk-charcoal-lime), var(--limekamv-muted), var(--lmk-steel-lime));
    --kg-lime-descent: linear-gradient(var(--kg-angle-180), var(--limekamv-light), var(--limekamv), var(--limekamv-deep));
    --kg-lime-fog: linear-gradient(var(--kg-angle-135), var(--lmk-mist-lime), var(--limekamv-muted), var(--lmk-charcoal-lime));
    --kg-lime-abyss: linear-gradient(var(--kg-angle-0), var(--lmk-onyx), var(--lmk-void-black), var(--limekamv-deep));
    --kg-lime-silk: linear-gradient(var(--kg-angle), var(--limekamv-baby), var(--limekamv-soft), var(--limekamv-light));
    --kg-glass-lime: linear-gradient(var(--kg-angle-135), 
        color-mix(in srgb, var(--limekamv) 15%, transparent), 
        color-mix(in srgb, var(--limekamv) 5%, transparent));


/* ================================================================
   LIME RADIAL GRADIENTS
================================================================ */

    --kgr-lime-glow: radial-gradient(circle at 50% 50%, var(--limekamv), var(--limekamv-deep), var(--lmk-void-black));
    --kgr-orb-lime: radial-gradient(circle at 30% 30%, var(--limekamv-light), var(--limekamv), var(--limekamv-stark));
    --kgr-lime-spotlight: radial-gradient(ellipse at 50% 0%, var(--limekamv-soft), transparent 70%);
    --kgr-lime-haze: radial-gradient(ellipse at 50% 50%, var(--limekamv-baby), var(--limekamv-muted), var(--lmk-night-acid));


/* ================================================================
   LIME CONIC GRADIENTS
================================================================ */

    --kgc-lime-dial: conic-gradient(from var(--kg-angle), var(--limekamv-light), var(--limekamv), var(--limekamv-deep), var(--limekamv-stark), var(--limekamv-light));
    --kgc-lime-ghost: conic-gradient(from 0deg, var(--lmk-mist-lime), var(--limekamv-baby), var(--lmk-pale-lime), var(--limekamv-soft), var(--lmk-mist-lime));


/* ================================================================
   LIME FADE GRADIENTS
================================================================ */

    --kgt-lime-fade: linear-gradient(var(--kg-angle-135), transparent, var(--limekamv), transparent);
    --kgt-lime-deep-fade: linear-gradient(var(--kg-angle-135), transparent, var(--limekamv-deep), transparent);
    --kgt-lime-soft-fade: linear-gradient(var(--kg-angle-90), transparent, var(--limekamv-baby), transparent);


/* ================================================================
   LIME MESH GRADIENTS
================================================================ */

    --kgm-lime-cloud: 
        radial-gradient(at 0% 0%, var(--limekamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 0%, var(--limekamv-baby-a50) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--limekamv-deep-a50) 0%, transparent 50%),
        radial-gradient(at 0% 100%, var(--limekamv-soft-a50) 0%, transparent 50%);

        /* ================================================================
   INDIGO LINEAR GRADIENTS
================================================================ */

    --kg-indigo-mist: linear-gradient(var(--kg-angle-135), var(--idk-mist-indigo), var(--indigokamv-soft), var(--idk-pale-indigo));
    --kg-indigo-void: linear-gradient(var(--kg-angle-180), var(--idk-void-black), var(--indigokamv-deep), var(--idk-midnight));
    --kg-indigo-neon: linear-gradient(var(--kg-angle-45), var(--indigokamv), color-mix(in srgb, var(--indigokamv) 50%, white), var(--indigokamv));
    --kg-indigo-smoke: linear-gradient(var(--kg-angle-270), var(--idk-charcoal-indigo), var(--indigokamv-muted), var(--idk-steel-indigo));
    --kg-indigo-descent: linear-gradient(var(--kg-angle-180), var(--indigokamv-light), var(--indigokamv), var(--indigokamv-deep));
    --kg-indigo-fog: linear-gradient(var(--kg-angle-135), var(--idk-mist-indigo), var(--indigokamv-muted), var(--idk-charcoal-indigo));
    --kg-indigo-abyss: linear-gradient(var(--kg-angle-0), var(--idk-onyx), var(--idk-void-black), var(--indigokamv-deep));
    --kg-indigo-silk: linear-gradient(var(--kg-angle), var(--indigokamv-baby), var(--indigokamv-soft), var(--indigokamv-light));
    --kg-glass-indigo: linear-gradient(var(--kg-angle-135), 
        color-mix(in srgb, var(--indigokamv) 15%, transparent), 
        color-mix(in srgb, var(--indigokamv) 5%, transparent));


/* ================================================================
   INDIGO RADIAL GRADIENTS
================================================================ */

    --kgr-indigo-glow: radial-gradient(circle at 50% 50%, var(--indigokamv), var(--indigokamv-deep), var(--idk-void-black));
    --kgr-orb-indigo: radial-gradient(circle at 30% 30%, var(--indigokamv-light), var(--indigokamv), var(--indigokamv-stark));
    --kgr-indigo-spotlight: radial-gradient(ellipse at 50% 0%, var(--indigokamv-soft), transparent 70%);
    --kgr-indigo-haze: radial-gradient(ellipse at 50% 50%, var(--indigokamv-baby), var(--indigokamv-muted), var(--idk-night-violet));


/* ================================================================
   INDIGO CONIC GRADIENTS
================================================================ */

    --kgc-indigo-dial: conic-gradient(from var(--kg-angle), var(--indigokamv-light), var(--indigokamv), var(--indigokamv-deep), var(--indigokamv-stark), var(--indigokamv-light));
    --kgc-indigo-ghost: conic-gradient(from 0deg, var(--idk-mist-indigo), var(--indigokamv-baby), var(--idk-pale-indigo), var(--indigokamv-soft), var(--idk-mist-indigo));


/* ================================================================
   INDIGO FADE GRADIENTS
================================================================ */

    --kgt-indigo-fade: linear-gradient(var(--kg-angle-135), transparent, var(--indigokamv), transparent);
    --kgt-indigo-deep-fade: linear-gradient(var(--kg-angle-135), transparent, var(--indigokamv-deep), transparent);
    --kgt-indigo-soft-fade: linear-gradient(var(--kg-angle-90), transparent, var(--indigokamv-baby), transparent);


/* ================================================================
   INDIGO MESH GRADIENTS
================================================================ */

    --kgm-indigo-cloud: 
        radial-gradient(at 0% 0%, var(--indigokamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 0%, var(--indigokamv-baby-a50) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--indigokamv-deep-a50) 0%, transparent 50%),
        radial-gradient(at 0% 100%, var(--indigokamv-soft-a50) 0%, transparent 50%);


/* ================================================================
   JADE LINEAR GRADIENTS
================================================================ */

    --kg-jade-mist: linear-gradient(var(--kg-angle-135), var(--jdk-mist-jade), var(--jadekamv-soft), var(--jdk-pale-jade));
    --kg-jade-void: linear-gradient(var(--kg-angle-180), var(--jdk-void-black), var(--jadekamv-deep), var(--jdk-midnight));
    --kg-jade-neon: linear-gradient(var(--kg-angle-45), var(--jadekamv), color-mix(in srgb, var(--jadekamv) 50%, white), var(--jadekamv));
    --kg-jade-smoke: linear-gradient(var(--kg-angle-270), var(--jdk-charcoal-jade), var(--jadekamv-muted), var(--jdk-steel-jade));
    --kg-jade-descent: linear-gradient(var(--kg-angle-180), var(--jadekamv-light), var(--jadekamv), var(--jadekamv-deep));
    --kg-jade-fog: linear-gradient(var(--kg-angle-135), var(--jdk-mist-jade), var(--jadekamv-muted), var(--jdk-charcoal-jade));
    --kg-jade-abyss: linear-gradient(var(--kg-angle-0), var(--jdk-onyx), var(--jdk-void-black), var(--jadekamv-deep));
    --kg-jade-silk: linear-gradient(var(--kg-angle), var(--jadekamv-baby), var(--jadekamv-soft), var(--jadekamv-light));
    --kg-glass-jade: linear-gradient(var(--kg-angle-135), 
        color-mix(in srgb, var(--jadekamv) 15%, transparent), 
        color-mix(in srgb, var(--jadekamv) 5%, transparent));


/* ================================================================
   JADE RADIAL GRADIENTS
================================================================ */

    --kgr-jade-glow: radial-gradient(circle at 50% 50%, var(--jadekamv), var(--jadekamv-deep), var(--jdk-void-black));
    --kgr-orb-jade: radial-gradient(circle at 30% 30%, var(--jadekamv-light), var(--jadekamv), var(--jadekamv-stark));
    --kgr-jade-spotlight: radial-gradient(ellipse at 50% 0%, var(--jadekamv-soft), transparent 70%);
    --kgr-jade-haze: radial-gradient(ellipse at 50% 50%, var(--jadekamv-baby), var(--jadekamv-muted), var(--jdk-night-forest));


/* ================================================================
   JADE CONIC GRADIENTS
================================================================ */

    --kgc-jade-dial: conic-gradient(from var(--kg-angle), var(--jadekamv-light), var(--jadekamv), var(--jadekamv-deep), var(--jadekamv-stark), var(--jadekamv-light));
    --kgc-jade-ghost: conic-gradient(from 0deg, var(--jdk-mist-jade), var(--jadekamv-baby), var(--jdk-pale-jade), var(--jadekamv-soft), var(--jdk-mist-jade));


/* ================================================================
   JADE FADE GRADIENTS
================================================================ */

    --kgt-jade-fade: linear-gradient(var(--kg-angle-135), transparent, var(--jadekamv), transparent);
    --kgt-jade-deep-fade: linear-gradient(var(--kg-angle-135), transparent, var(--jadekamv-deep), transparent);
    --kgt-jade-soft-fade: linear-gradient(var(--kg-angle-90), transparent, var(--jadekamv-baby), transparent);


/* ================================================================
   JADE MESH GRADIENTS
================================================================ */

    --kgm-jade-cloud: 
        radial-gradient(at 0% 0%, var(--jadekamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 0%, var(--jadekamv-baby-a50) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--jadekamv-deep-a50) 0%, transparent 50%),
        radial-gradient(at 0% 100%, var(--jadekamv-soft-a50) 0%, transparent 50%);


/* ================================================================
   PURPLE + LIME COMBO GRADIENTS
================================================================ */

    /* — NEW — the duo */
    --kg-purple-lime: linear-gradient(var(--kg-angle), var(--purplekamv), var(--limekamv));
    --kg-lime-purple: linear-gradient(var(--kg-angle), var(--limekamv), var(--purplekamv));

    /* — Trio combos — */
    --kg-purple-lime-glow: linear-gradient(var(--kg-angle-45), var(--purplekamv), var(--limekamv), var(--purplekamv-light));
    --kg-lime-purple-deep: linear-gradient(var(--kg-angle-180), var(--limekamv-deep), var(--purplekamv-deep), var(--lmk-void-black));
    --kg-neon-clash: linear-gradient(var(--kg-angle-310), var(--purplekamv), var(--limekamv), var(--purplekamv-baby));
    --kg-acid-night: linear-gradient(var(--kg-angle-220), var(--ppk-void-black), var(--purplekamv-deep), var(--limekamv));
    --kg-digital-pulse: linear-gradient(var(--kg-angle-0), var(--limekamv), var(--purplekamv), var(--limekamv-deep));
    --kg-synth-wave: linear-gradient(var(--kg-angle-90), var(--purplekamv-soft), var(--limekamv-soft), var(--purplekamv-baby));

    /* — Radial combos — */
    --kgr-orb-duality: radial-gradient(circle at 40% 40%, var(--limekamv-soft), var(--purplekamv), var(--ppk-void-black));
    --kgr-nebula-pl: radial-gradient(ellipse at 20% 80%, var(--purplekamv-a50) 0%, transparent 50%),
                      radial-gradient(ellipse at 80% 20%, var(--limekamv-a50) 0%, transparent 50%),
                      radial-gradient(ellipse at 50% 50%, var(--purplekamv-deep), var(--ppk-void-black));

    /* — Conic combo — */
    --kgc-duality-spin: conic-gradient(from var(--kg-angle), var(--purplekamv), var(--limekamv), var(--purplekamv-deep), var(--limekamv-deep), var(--purplekamv));

    /* — Mesh combo — */
    --kgm-duality-mesh: 
        radial-gradient(at 0% 0%, var(--purplekamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 0%, var(--limekamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--purplekamv-deep-a50) 0%, transparent 50%),
        radial-gradient(at 0% 100%, var(--limekamv-deep-a50) 0%, transparent 50%);

    /* — Fade combo — */
    --kgt-duality-fade: linear-gradient(var(--kg-angle-90), transparent 0%, var(--purplekamv) 20%, var(--limekamv) 80%, transparent 100%);

/* ================================================================
   INDIGO + JADE COMBO GRADIENTS
================================================================ */

    --kg-indigo-jade: linear-gradient(var(--kg-angle), var(--indigokamv), var(--jadekamv));
    --kg-jade-indigo: linear-gradient(var(--kg-angle), var(--jadekamv), var(--indigokamv));

    --kg-indigo-jade-glow: linear-gradient(var(--kg-angle-45), var(--indigokamv), var(--jadekamv), var(--indigokamv-light));
    --kg-jade-indigo-deep: linear-gradient(var(--kg-angle-180), var(--jadekamv-deep), var(--indigokamv-deep), var(--idk-void-black));
    --kg-matrix-pulse: linear-gradient(var(--kg-angle-310), var(--indigokamv), var(--jadekamv), var(--indigokamv-baby));
    --kg-deep-ocean: linear-gradient(var(--kg-angle-220), var(--idk-void-black), var(--indigokamv-deep), var(--jadekamv));
    --kg-cyber-wave: linear-gradient(var(--kg-angle-90), var(--indigokamv-soft), var(--jadekamv-soft), var(--indigokamv-baby));

    --kgr-orb-matrix: radial-gradient(circle at 40% 40%, var(--jadekamv-soft), var(--indigokamv), var(--idk-void-black));
    --kgr-nebula-ij: radial-gradient(ellipse at 20% 80%, var(--indigokamv-a50) 0%, transparent 50%),
                      radial-gradient(ellipse at 80% 20%, var(--jadekamv-a50) 0%, transparent 50%),
                      radial-gradient(ellipse at 50% 50%, var(--indigokamv-deep), var(--idk-void-black));

    --kgc-matrix-spin: conic-gradient(from var(--kg-angle), var(--indigokamv), var(--jadekamv), var(--indigokamv-deep), var(--jadekamv-deep), var(--indigokamv));

    --kgm-matrix-mesh: 
        radial-gradient(at 0% 0%, var(--indigokamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 0%, var(--jadekamv-a50) 0%, transparent 50%),
        radial-gradient(at 100% 100%, var(--indigokamv-deep-a50) 0%, transparent 50%),
        radial-gradient(at 0% 100%, var(--jadekamv-deep-a50) 0%, transparent 50%);

    --kgt-matrix-fade: linear-gradient(var(--kg-angle-90), transparent 0%, var(--indigokamv) 20%, var(--jadekamv) 80%, transparent 100%);

    /* ================================================================
    NEUTRAL-ONLY GRADIENTS (from original)
    ================================================================ */

    --n3d-gradient-neutral: linear-gradient(135deg, var(--ppk-steel-gray) 0%, var(--ppk-charcoal-gray) 100%);
    --n3d-gradient-shimmer: linear-gradient(90deg, 
        transparent 0%, 
        color-mix(in srgb, var(--white) 20%, transparent) 50%, 
        transparent 100%);

    /* =========================
    SKILLS & NICHOS HEX 
    ============================ */

    --n3d-skl-grfk: #39ff14;
    --n3d-skl-3d: #4200ff;
    --n3d-skl-mtn: #ff2040;
    --n3d-skl-wb: #ff8800;
    --n3d-skl-rtch: #00e5ff;
    
    --n3d-nch-rchvz-a: #711fff;
    --n3d-nch-rchvz-b: #dc3eff;
    --n3d-nch-msk-a: #ff1164;
    --n3d-nch-msk-b: #1db954;
    --n3d-nch-brnd-a: #39ff14;
    --n3d-nch-brnd-b: #8137ff;
    --n3d-nch-wb-a: #ffa600;
    --n3d-nch-wb-b: #6130ff;

}