:root {
    --primary-color: #F05C07;
    --primary-dark: #D94E00;
    --primary-light: #FF7A2E;
    --primary-glow: rgba(240, 92, 7, 0.42);
    --gradient-primary: linear-gradient(135deg, #F05C07 0%, #D94E00 100%);
    --gradient-primary-soft: linear-gradient(135deg, #FF7A2E 0%, #F05C07 55%, #D94E00 100%);
    --gradient-hero-mesh: radial-gradient(ellipse 85% 65% at 90% 8%, rgba(255, 255, 255, 0.28) 0%, transparent 48%),
        radial-gradient(ellipse 55% 50% at 8% 92%, rgba(255, 200, 160, 0.45) 0%, transparent 52%),
        linear-gradient(168deg, #ff9a52 0%, #f05c07 42%, #d94e00 78%, #b84400 100%);
    --text-color: #2c3e50;
    --text-muted: #7f8c8d;
    --text-light: #95a5a6;
    --bg-page: #f8f9fa;
    --bg-white: #ffffff;
    --bg-brand-tint: #fff8f3;
    --bg-brand-band: linear-gradient(180deg, #fff5ec 0%, #ffefe4 100%);
    --ink-hero: #f8f9fa;
    --border-soft: rgba(44, 62, 80, 0.08);
    --border-strong: rgba(44, 62, 80, 0.12);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --shadow-sm: 0 1px 2px rgba(44, 62, 80, 0.06);
    --shadow-md: 0 8px 24px rgba(44, 62, 80, 0.08);
    --shadow-lg: 0 20px 50px rgba(44, 62, 80, 0.1);
    --shadow-phone: 0 32px 64px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
    --header-h: 64px;

    --focus-ring: 2px solid var(--primary-color);
    --focus-offset: 3px;
}