/* Variables */

:root {
    --primary-dark: #0f172e;
    --primary-light: #f5f7fb;
    --accent-orange: #ff8c42;
    --accent-orange-hover: #ff7a1f;
    --accent-blue: #3b82f6;
    --accent-purple: #8b5cf6;
    --accent-pink: #ec4899;
    --accent-teal: #14b8a6;
    --text-dark: #1a202c;
    --text-light: #64748b;
    --theme-color: #ff8c42;
    --border-light: #e2e8f0;
    --success: #10b981;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.2);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}