$breakpoint0: 540px;
$breakpoint: 720px;
$breakpoint2: 900px;
$breakpoint3: 1200px;
$breakpoint4: 1500px;

:root {
	/*
    --primary: #ff6c88;
    --primary-strong: #ff4166;
    --primary-faded: #ffdfee;
	*/
    --primary: #f28;
    --primary-strong: #f90071;
    --primary-faded: #ff4e9f;

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

    --background-light: #fff;
    --background-dark: #222;

    --darken: rgba(0, 0, 0, .5);
    --darken-strong: rgba(0, 0, 0, .7);
    --darken-extreme: rgba(0, 0, 0, .9);
    --darken-censor: rgba(0, 0, 0, .95);
    --darken-weak: rgba(0, 0, 0, .2);
    --darken-hint: rgba(0, 0, 0, .1);

    --lighten: rgba(255, 255, 255, .5);
    --lighten-strong: rgba(255, 255, 255, .7);
    --lighten-extreme: rgba(255, 255, 255, .9);
    --lighten-weak: rgba(255, 255, 255, .2);
    --lighten-hint: rgba(255, 255, 255, .05);

    --logo-shadow: drop-shadow(1px 0 0 $shadow-weak) drop-shadow(-1px 0 0 $shadow-weak) drop-shadow(0 1px 0 $shadow-weak) drop-shadow(0 -1px 0 $shadow-weak);
    --logo-highlight: drop-shadow(0 0 1px $highlight);

    --male: #0af;
    --female: #f0a;

    --alert: #f00;
    --error: #f00;
    --warn: #fa0;
    --success: #5c2;

	--enabled: #5c2;
	--enabled-background: rgba(0, 255, 0, .1);
	--disabled: #c20;
	--disabled-background: rgba(255, 0, 0, .1);
	--disabled-handle: #aaa;
}

.light {
    --text: #222;
    --text-contrast: #fff;

    --background: var(--background-light);
    --background-dim: #f5f5f5;
    --background-soft: #fdfdfd;

    --profile: #222;
    --tile: #2a2a2a;

    --link: #dd6688;
    --link-external: #48f;
    --empty: #333;

	--crease: #eaeaea;

    --shadow: rgba(0, 0, 0, .5);
    --shadow-extreme: rgba(0, 0, 0, .9);
    --shadow-strong: rgba(0, 0, 0, .7);
    --shadow-modest: rgba(0, 0, 0, .3);
    --shadow-weak: rgba(0, 0, 0, .2);
    --shadow-hint: rgba(0, 0, 0, .1);
    --shadow-touch: rgba(0, 0, 0, .05);

    --highlight: rgba(255, 255, 255, .5);
    --highlight-extreme: rgba(255, 255, 255, .9);
    --highlight-strong: rgba(255, 255, 255, .7);
    --highlight-modest: rgba(255, 255, 255, .3);
    --highlight-weak: rgba(255, 255, 255, .2);
    --highlight-hint: rgba(255, 255, 255, .075);
}

.dark {
    --text: #fff;
    --text-contrast: #222;

    --background: var(--background-dark);
    --background-dim: #181818;
    --background-soft: #111;

    --profile: #222;
    --tile: #2a2a2a;

    --link: #dd6688;
    --empty: #333;

	--crease: #222;

    --shadow: rgba(255, 255, 255, .5);
    --shadow-extreme: rgba(255, 255, 255, .9);
    --shadow-strong: rgba(255, 255, 255, .7);
    --shadow-modest: rgba(255, 255, 255, .3);
    --shadow-weak: rgba(255, 255, 255, .2);
    --shadow-hint: rgba(255, 255, 255, .075);
    --shadow-touch: rgba(255, 255, 255, .05);

    --highlight: rgba(0, 0, 0, .5);
    --highlight-extreme: rgba(0, 0, 0, .9);
    --highlight-strong: rgba(0, 0, 0, .7);
    --highlight-modest: rgba(0, 0, 0, .3);
    --highlight-weak: rgba(0, 0, 0, .2);
    --highlight-hint: rgba(0, 0, 0, .1);
}