/**
 * Theme CSS Variables (ported from fole-residence)
 *
 * Note:
 * - This theme includes a local @font-face for the primary brand font (Adeston).
 *
 * @package Marina_Casino
 */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face {
	font-family: 'Adeston';
	src: url('../fonts/adeston.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

:root {
	/* Colors */
	--color-text-light: #333;
	--color-white: #fcfcfc;
	--color-light-white: #c1c1c1;
	--color-beige: #d8c8a4;
	--color-light-black: #141414;
	--color-overlay: rgba(0, 0, 0, 0.5);
	--color-background: #040505;
	--color-dark: #2c2c2c;

	/* Typography */
	--font-primary: 'Adeston', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--font-secondary: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

	--font-size-base: 14px;
	--font-size-small: 12px;
	--font-size-large: 16px;
	--font-size-xl: 20px;
	--font-size-2xl: 28px;
	--font-size-3xl: 48px;
	--font-size-4xl: 62px;
	--font-size-h3: 1.75rem;
	--font-size-h2: 2.5rem;
	--font-size-h1: 5rem;
	--font-size-huge: 6rem;
	--font-size-logo: 1.125rem;
	--font-size-nav: 14px;
	--line-height-base: 1.4;
	--line-height-tight: 1.2;
	--letter-spacing-tight: -.025em;

	/* Spacing */
	--spacing-xs: 0.5rem;
	--spacing-sm: 1rem;
	--spacing-md: 2rem;
	--spacing-lg: 3rem;
	--spacing-xl: 4rem;
	--spacing-2xl: 6rem;
	--spacing-3xl: 8rem;
	--spacing-4xl: 10rem;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-base: 0.3s ease;
	--transition-slow: 0.5s ease;

	/* Layout */
	--container-width: 100%;
	--header-height: 80px;
	--hero-padding-left: 40px;
	--hero-padding-right: 40px;
	--nav-padding-right: 40px;

	/* Scrollsequence */
	/* Lower = faster (less scroll distance per frame) */
	--scrollsequence-px-per-frame: 12px;
}