/**
 * Theme CSS Variables
 *
 * @package Chabad_Albania
 */

/* Saans from assets/fonts/saans */
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-LightItalic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-RegularItalic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-MediumItalic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-SemiBoldItalic.otf') format('opentype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-BoldItalic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-Heavy.otf') format('opentype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Saans';
	src: url('../fonts/saans/Saans-TRIAL-HeavyItalic.otf') format('opentype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

:root {
    /* Colors */
    --color-primary: #FFB400;
    --color-white: #fff;
    --color-light-black: #626262;
    --color-text-dark: #2c2c2c;

    --color-background-black: #0a0a0a;
    --color-background-grey: #ECECEC;
    --color-mobile-overlay: #f5f5f5;

    --color-hover: #75ADDA;
    --color-footer: #272727;

    --color-border-dark: #1a1a1a;
    --color-border-light: #B8B8B8;

    /* Typography: Google Fonts */
    --font-heading: 'Judson', Georgia, serif;
    --font-body: 'Outfit', system-ui, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;
    --font-primary: var(--font-heading);
    --font-secondary: var(--font-body);

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

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-sm-mobile: 1.5rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    --spacing-2xl: 6rem;
    --spacing-3xl: 8rem;
    --spacing-4xl: 10rem;
    --spacing-5xl: 12rem;
    --max-width: 1440px;

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

    /* Breakpoints (for reference in media queries) */
    --breakpoint-mobile: 1078px;
}