/* Theme Name: Vibrant Sunset */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@300;400;500;600&display=swap');

:root {
    --primary: #f97316;
    --primary-light: #fb923c;
    --bg-color: #fff7ed;
    --body-bg: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(255, 255, 255, 0.8);
    --text-main: #431407;
    --text-muted: #7c2d12;
    --border-color: #ffedd5;
    --icon-bg: rgba(249, 115, 22, 0.1);
    --qr-section-bg: #fffaf5;
    --qr-code-bg: white;
    --profile-placeholder-bg: white;
    --profile-placeholder-text: var(--primary);
    
    --font-main: 'Poppins', sans-serif;
    --font-heading: 'Pacifico', cursive;
    --name-size: 2.2rem;
}

.card {
    box-shadow: 0 20px 40px rgba(249, 115, 22, 0.15);
    border-radius: 30px;
}

.header {
    background: linear-gradient(135deg, #f59e0b, #f97316, #ef4444, #e11d48);
    height: 160px;
    border-radius: 30px 30px 0 0;
}

.profile-img, .profile-img-placeholder {
    border-width: 6px;
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
    width: 120px;
    height: 120px;
    bottom: -60px;
}

.name {
    background: -webkit-linear-gradient(45deg, #ea580c, #be123c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}

.info {
    padding-top: 80px;
}