/**
 * Theme CSS Variables
 *
 * @package Albania_Israel_Development_Corporation
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap');

 :root {
     /* Colors */
     --color-white: #fff;
     --color-light-black: #626262;
     --color-text-dark: #2c2c2c;
     --color-al-red: #E41E20;
     --color-is-blue: #0038B8;
 
     --color-background-black: #0a0a0a;
     --color-site-background: #ededed;
     --color-hero-background: #dadada;
     --color-background-grey: var(--color-site-background);
     --color-hero-surface: var(--color-hero-background);
     --color-menu-panel: #00000080;
     --color-overlay-dark: #00000080;
     --color-placeholder-dark-start: #292929;
     --color-placeholder-dark-end: #5a5a5a;
     --color-mobile-overlay: #f5f5f5;
 
     --color-footer: #141414;
 
     --color-border-dark: #1a1a1a;
     --color-border-light: #B8B8B8;
     --color-border-light-grey: #d7d7d7;
     --colorCDC: #97b2f3;
     --colorCD: #dae5ff;
 
    /* Typography */
    --font-heading: 'Roboto', system-ui, sans-serif;
   --font-body: 'Roboto', 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;
     --line-height-normal: 1;
     --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: 1150px;
 
     /* 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;
 
 }