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

:root {
	/* --primary: #ff886c; */
    --primary: #ff6c88;

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

    --darken: rgba(0, 0, 0, .5);
    --darken-strong: rgba(0, 0, 0, .7);
    --darken-extreme: rgba(0, 0, 0, .9);
    --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;
    --warn: #fa0;
    --success: #5c2;
}

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

    --background: #fff;
    --background-dim: #fafafa;
    --background-soft: #fdfdfd;

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

    --link: #dd6688;
    --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);

    --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: #222;
    --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);

    --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);
}