@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --color-primary: #F97316;
    --color-primary-hover: #EA580C;
    --color-primary-dark: #C2410C;
    --color-primary-light: #FFEDD5;
    --color-primary-soft: #FFF7ED;
    --color-primary-contrast: #FFFFFF;

    --color-bg: #F8FAFC;
    --color-bg-secondary: #F1F5F9;
    --color-surface: #FFFFFF;
    --color-surface-hover: #F8FAFC;
    --color-surface-muted: #F1F5F9;

    --color-text: #111827;
    --color-text-secondary: #475569;
    --color-text-muted: #64748B;
    --color-text-disabled: #94A3B8;
    --color-text-inverse: #FFFFFF;

    --color-border: #E5E7EB;
    --color-border-light: #F1F5F9;
    --color-border-strong: #CBD5E1;

    --color-dark: #111827;
    --color-dark-secondary: #1F2937;
    --color-dark-tertiary: #374151;
    --color-dark-border: #374151;
    --color-dark-text: #F9FAFB;
    --color-dark-text-muted: #9CA3AF;

    --color-success: #16A34A;
    --color-success-hover: #15803D;
    --color-success-light: #DCFCE7;
    --color-success-dark: #166534;

    --color-warning: #F59E0B;
    --color-warning-hover: #D97706;
    --color-warning-light: #FEF3C7;
    --color-warning-dark: #92400E;

    --color-danger: #DC2626;
    --color-danger-hover: #B91C1C;
    --color-danger-light: #FEE2E2;
    --color-danger-dark: #991B1B;

    --color-info: #2563EB;
    --color-info-hover: #1D4ED8;
    --color-info-light: #DBEAFE;
    --color-info-dark: #1E40AF;

    --color-whatsapp: #25D366;
    --color-whatsapp-dark: #128C7E;
    --color-whatsapp-light: #E7F9EE;

    --color-focus: #F97316;
    --color-focus-ring: rgba(249, 115, 22, 0.18);
    --color-input-bg: #FFFFFF;
    --color-input-border: #D1D5DB;
    --color-input-border-hover: #9CA3AF;

    --color-link: #EA580C;
    --color-link-hover: #C2410C;

    --color-overlay: rgba(15, 23, 42, 0.50);
    --color-overlay-light: rgba(15, 23, 42, 0.25);

    --color-purple: #7C3AED;
    --color-purple-light: #EDE9FE;
    --color-cyan: #0891B2;
    --color-cyan-light: #CFFAFE;
    --color-pink: #DB2777;
    --color-pink-light: #FCE7F3;

    --chart-1: #F97316;
    --chart-2: #2563EB;
    --chart-3: #16A34A;
    --chart-4: #7C3AED;
    --chart-5: #0891B2;
    --chart-6: #F59E0B;

    --font-family-base: 'Plus Jakarta Sans', sans-serif;
    --font-family-mono: 'JetBrains Mono', monospace;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 30px;
    --font-size-4xl: 36px;
    --font-size-5xl: 48px;
    --font-size-6xl: 60px;
    --font-size-7xl: 72px;

    --line-height-tight: 1.1;
    --line-height-heading: 1.2;
    --line-height-normal: 1.5;
    --line-height-body: 1.6;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 12px 32px rgba(15, 23, 42, 0.10);
    --shadow-lg: 0 24px 56px rgba(15, 23, 42, 0.14);
    --transition-fast: 150ms ease;
    --transition-normal: 220ms ease;
    --input-height: 56px;
    --button-height: 54px;
}