:root {
    --grad-dark:
        linear-gradient(
            to bottom,
            #3a3a3e 0%,
            #2e2e32 18%,
            #252528 55%,
            #1c1c20 100%
        );

    --grad-dark-alt:
        linear-gradient(
            to bottom,
            #323236 0%,
            #28282c 20%,
            #202024 55%,
            #18181c 100%
        );

    --grad-light:
        linear-gradient(
            to bottom,
            #d8dae0 0%,
            #c4c6ce 40%,
            #b0b2bc 100%
        );

    --grad-light-alt:
        linear-gradient(
            to bottom,
            #e2e4ea 0%,
            #cecfd8 40%,
            #bcbec8 100%
        );

    --grad-content:
        linear-gradient(
            to bottom,
            #8b8b91 0%,
            #6f7076 40%,
            #585a60 100%
        );

    --grad-header:
        linear-gradient(
            to bottom,
            #46464c 0%,
            #343438 25%,
            #26262a 60%,
            #1a1a1e 100%
        );

    --grad-folder:
        linear-gradient(
            to bottom,
            #4a7aaa 0%,
            #2c5888 55%,
            #1a3860 100%
        );

    --grad-folder-alt:
        linear-gradient(
            to bottom,
            #5a8aba 0%,
            #3868a0 55%,
            #224878 100%
        );

    --grad-hover:
        linear-gradient(
            to bottom,
            #4898d8 0%,
            #1868b8 30%,
            #0e50a0 72%,
            #083880 100%
        );

    --grad-page:
        linear-gradient(
            to bottom,
            #1e2a3c 0%,
            #121820 55%,
            #080c10 100%
        );

    --owner-badge: #78b4f0;

    --text-chrome:        #d8dae4;
    --text-chrome-muted:  #9a9caa;
    --text-chrome-sub:    #6a6c7a;
   
    --text-light-surface: #1a1c24;
    --text-light-muted:   #4a4c58;
   
    --text-on-blue:       #ffffff;
    --text-on-folder:     #deeeff;
   
    --text-link-light:    #1060b8;
   
    --text-link-dark:     #78b4f0;
   
    --text-on-blue-sub:   rgba(136, 146, 160, 0.75);
   
    --text-danger:        #c04040;
    --text-danger-hover:  #ffcccc;

    --border-dark:        2px solid #0a0a0e;
    --border-cell:        1px solid #2a2a30;
    --border-chrome:      1px solid #3a3a40;
    --border-chrome-dark: 2px solid #0a0a0e;
    --border-light:       1px solid #8a8c98;

    --bg-content:         #c0c2cc;
   
    --grad-danger: linear-gradient(to bottom, #c44030 0%, #8b1a1a 55%, #a83020 100%);
    --border-danger:      #6a1010;
    --bg-danger-hover:    #6a1010;
    --bg-owner-badge:     rgba(80, 130, 210, 0.15);
    --border-owner-badge: rgba(80, 130, 210, 0.3);

    --radius-panel: 12px 12px 4px 4px;
    --radius-header: 12px 12px 0 0;
}