/**
 * Theme CSS Variables
 *
 * @package Telegraf_Albania
 */

 @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: #131313;
     --color-text-dark: #000;
     --color-red: #E41E20;
     --color-blue: #05b2fc;
     --color-blue-light: #081336;
     --color-bg: #000821;
 
     --color-border-dark: #1a1a1a;
     --color-border-light: #B8B8B8;
 
     /* Typography */
     --font-primary: 'Roboto', system-ui, sans-serif;
     --font-mono: 'Space Mono', ui-monospace, monospace;
 
     --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-h1: 5rem;
     --font-size-h2: 2.5rem;
     --font-size-h3: 1.75rem;
     --line-height-small: 0.9;
     --line-height-normal: 1;
     --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;
     --spacing-5xl: 12rem;
     --max-width: 1300px;
 
     /* 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;
 
 }