animated_wallpaper/ash.css

/* Generic color system - simple to customize for other themes.
   Each color has light/dark variants interpolated from the base color. */

:root {
    /* Surface grays (darkest to lightest) */
    --black: #100f12;
    --black-light: #161320;
    --black-dark: #080710;

    --dark: #1c1b1f;
    --dark-light: #232125;
    --dark-dark: #14131a;

    --gray-darker: #29282c;
    --gray-darker-light: #323035;
    --gray-darker-dark: #1e1d22;

    --gray-dark: #3a383d;
    --gray-dark-light: #47463f;
    --gray-dark-dark: #2a282d;

    --gray: #54514f;
    --gray-light: #605e59;
    --gray-dark: #44443f;

    --gray-light: #6d6a63;
    --gray-light-light: #83807d;
    --gray-light-dark: #605e59;

    --stone: #999187;
    --stone-light: #a59d91;
    --stone-dark: #837f7d;

    --icon: #b0a89a;
    --icon-light: #cac3b9;
    --icon-dark: #97908a;

    --bone: #e6dfd1;
    --bone-light: #ede9d9;
    --bone-dark: #c8c2b6;

    --chalk: #f3ede1;
    --chalk-light: #fbf7eb;
    --chalk-dark: #d8d3c8;

    /* Accent colors */
    --orange: #e0914f;
    --orange-light: #e7a76f;
    --orange-dark: #b5773b;

    --yellow: #d6b46a;
    --yellow-light: #e3c483;
    --yellow-dark: #b6914d;

    --red: #c15c46;
    --red-light: #d17661;
    --red-dark: #9a4636;

    --brown: #a86a48;
    --brown-light: #c0856a;
    --brown-dark: #834e2f;

    --pink: #b47e99;
    --pink-light: #cf9eb2;
    --pink-dark: #875a76;

    --green: #8f9a5c;
    --green-light: #a6b27b;
    --green-dark: #6b774a;

    --blue: #7c9aa1;
    --blue-light: #a3bcc1;
    --blue-dark: #5b7a83;

    --purple: #a585ac;
    --purple-light: #c0a7c6;
    --purple-dark: #806388;
}