/* ============================================================ variables.css — Design tokens & Google Fonts import ============================================================ */ /* Google Fonts loaded via tags in HTML — do NOT use @import */ :root { /* --- Fonts --- */ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif; /* --- Colors --- */ --bg-dark: #0A0A0A; --bg-dark-gradient: linear-gradient(135deg, #0A0A0A 0%, #1A1A2E 100%); --bg-light: #FAFAFA; --bg-light-alt: #F3F4F6; --accent: #2563EB; --accent-hover: #1D4ED8; --accent-light: rgba(37, 99, 235, 0.1); --text-primary: #0A0A0A; --text-secondary: #4B5563; --text-muted: #9CA3AF; --text-on-dark: #F9FAFB; --text-on-dark-muted: #9CA3AF; --border-subtle: #E5E7EB; --border-dark: #1F2937; /* --- Card backgrounds --- */ --card-dark-bg: #111827; --card-light-bg: #FFFFFF; /* --- Typography sizes — desktop --- */ --h1-size: 72px; --h2-size: 48px; --h3-size: 28px; --body-size: 18px; --body-line-height: 1.7; --card-title-size: 20px; --card-title-featured-size: 28px; --card-desc-size: 16px; --card-desc-line-height: 1.6; --small-size: 14px; --label-size: 14px; --label-spacing: 3px; --btn-text-size: 15px; --nav-link-size: 14px; --nav-link-spacing: 1px; --logo-size: 24px; --hero-subtitle-size: 20px; --hero-metric-number: 32px; --hero-metric-label: 13px; --stat-big-size: 80px; --stat-case-size: 72px; --process-number-size: 32px; --trust-label-size: 12px; /* --- Spacing --- */ --section-padding: 120px; --section-padding-mobile: 64px; --container-max: 1200px; --container-padding: 24px; --card-gap: 32px; --interstitial-padding: 40px; --btn-padding: 14px 32px; --card-padding: 32px; --form-padding: 40px; /* --- Borders & Radius --- */ --radius-btn: 4px; --radius-card: 0px; --border-width: 1px; /* --- Shadows --- */ --shadow-nav: 0 1px 3px rgba(0, 0, 0, 0.1); --shadow-card-hover: 0 12px 32px rgba(0, 0, 0, 0.15); --shadow-card-hover-light: 0 8px 24px rgba(0, 0, 0, 0.08); /* --- Transitions --- */ --transition-fast: 200ms ease; --transition-base: 300ms ease; --transition-slow: 700ms ease-out; }