@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Italianno&display=swap');

@import "../../common/style/reset.css";
@import "../../common/style/stdlayout.css";

@import "./component/typography.css";
@import "./component/site-header.css";
@import "./component/site-footer.css";
@import "./component/carousel.css";
@import "./component/surface.css";
@import "./component/rating.css";
@import "./component/menu.css";
@import "./component/escort-gallery.css";
@import "./component/photo-gallery.css";
@import "./component/notice.css";
@import "./component/button.css";
@import "./component/rota.css";
@import "./component/form.css";
@import "./component/scrollfx.css";

/*
------------------------------------------------------------------------------------------------------------------------
*/

:root {

	--color-fg: #EEE;
	--color-bright: #FFF;

	--color-bg: #000;
	--color-bg-alpha: #000A;

	--color-brand: #F10486;
	--color-brand-alpha: #F1048644;

	--color-good: #78c066;
	--color-warn: #d19e3f;
	--color-bad: #b14f4f;

	--border-alpha: 1px solid #FFF4;
	--border-brand: 1px solid var(--color-brand);

	--time-s: .4s;
}

/*
------------------------------------------------------------------------------------------------------------------------
*/

body {

	color: var(--color-fg);
	background: url(../image/hero00.webp) center center fixed var(--color-bg);
}

/*
------------------------------------------------------------------------------------------------------------------------
Palette.
*/

.palette {

	border-radius: var(--space-n);

	width: 1rem;
	aspect-ratio: 1;
}

.palette--good { background: var(--color-good); }
.palette--warn { background: var(--color-warn); }

/*
------------------------------------------------------------------------------------------------------------------------
Affiliates.
*/

#affiliates {

	border-top: var(--border-alpha);
}

#affiliates ul {

	display: flex;
	gap: var(--space-m);
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: auto;
}
