shack/assets/css/theme.css

:root {
    --primary: hsl(300, 100%, 30%);
    --primary-light-10: hsl(300, 50%, 40%);
    --primary-light-20: hsl(300, 50%, 50%);
    --primary-light-30: hsl(300, 50%, 60%);
    --primary-light-40: hsl(300, 50%, 75%);
    --primary-light-50: hsl(300, 50%, 80%);

    --grey-dark-40: #222;
    --grey-dark-30: #444;
    --grey-dark-20: #666;
    --grey-dark-10: #888;
    --grey: #aaa;
    --grey-light-10: #bbb;
    --grey-light-20: #ccc;
    --grey-light-30: #ddd;
    --grey-light-40: #eee;
    --grey-light-50: #fafafa;
    --grey-light-60: #fcfcfc;

    --background-dark-20: #eee;
    --background-dark-10: #f8f8f8;
    --background: #fff;

    --shadow-weak-40: rgba(0, 0, 0, .05);
    --shadow-weak-30: rgba(0, 0, 0, .1);
    --shadow-weak-20: rgba(0, 0, 0, .2);
    --shadow-weak-10: rgba(0, 0, 0, .35);
    --shadow: rgba(0, 0, 0, .5);
    --shadow-strong-10: rgba(0, 0, 0, .6);
    --shadow-strong-20: rgba(0, 0, 0, .75);
    --shadow-strong-30: rgba(0, 0, 0, .9);

    --text: #222;
    --text-light: #fff;

    --link: #48f;
	--error: #f66;

	--bump: var(--primary);
	--sink: var(--error);

	--op: #5be;
}