:root{--grad-main-1:light-dark(#C8E551, #3a5c1e);--grad-main-2:light-dark(#ade893, #348979);--grad-main-3:light-dark(#91E5D5, #5aab9e);--grad-hover-1:light-dark(#d4eb7a, #4a6c2e);--grad-hover-2:light-dark(#beedaa, #449989);--grad-hover-3:light-dark(#a6eadf, #6abba8);--grad-surface-1:light-dark(#e8f3e6, #243428);--grad-surface-2:light-dark(#e0f0ea, #254540);--grad-surface-3:light-dark(#d8ede8, #265550);--bg-main:linear-gradient(135deg, var(--grad-main-1) 0%, var(--grad-main-2) 50%, var(--grad-main-3) 100%);--bg-hover:linear-gradient(135deg, var(--grad-hover-1) 0%, var(--grad-hover-2) 50%, var(--grad-hover-3) 100%);--bg-surface:linear-gradient(135deg, var(--grad-surface-1) 0%, var(--grad-surface-2) 50%, var(--grad-surface-3) 100%)}.bg-main{background:var(--bg-main);background-attachment:fixed}.bg-hover{background:var(--bg-hover);background-attachment:fixed}.bg-surface{background:var(--bg-surface);background-attachment:fixed}