/* Theme Name: Vintage Newspaper */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,600;1,400&display=swap');

:root {
    --primary: #8b5a2b;
    --primary-light: #a67b5b;
    --bg-color: #f4ecd8;
    --body-bg: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.08"/><rect width="100%" height="100%" fill="%23f4ecd8" opacity="0.9"/></svg>');
    --card-bg: #faebd7;
    --card-border: #d2b48c;
    --text-main: #3e2723;
    --text-muted: #5c4033;
    --border-color: #deb887;
    --icon-bg: rgba(139, 90, 43, 0.1);
    --qr-section-bg: rgba(222, 184, 135, 0.2);
    --qr-code-bg: #fff;
    --profile-placeholder-bg: #f5deb3;
    --profile-placeholder-text: #8b5a2b;
    
    --font-main: 'Lora', serif;
    --font-heading: 'Playfair Display', serif;
    --name-size: 2.1rem;
}

.card {
    border-radius: 2px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(139, 90, 43, 0.05);
    border: 1px solid #d2b48c;
    border-top: 4px solid #8b5a2b;
}

.header {
    background: transparent;
    height: 130px;
    border-bottom: 2px double #8b5a2b;
}

.header-pattern {
    background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 90, 43, 0.05) 2px, rgba(139, 90, 43, 0.05) 4px);
    opacity: 1;
}

.profile-img, .profile-img-placeholder {
    border-radius: 50%;
    border: 3px solid #8b5a2b;
    padding: 3px;
    background: #faebd7;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    filter: sepia(0.3);
}

.name {
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-style: italic;
    border-bottom: 1px solid rgba(139, 90, 43, 0.3);
    padding-bottom: 10px;
    display: inline-block;
}

.title {
    color: #5c4033;
    font-size: 0.95rem;
    margin-top: 10px;
    font-family: var(--font-heading);
}

.contact-icon {
    border-radius: 50%;
    border: 1px solid #8b5a2b;
    background: transparent;
    color: #8b5a2b;
}

.contact-item:hover .contact-icon {
    background: #8b5a2b;
    color: #faebd7;
}

.btn {
    border-radius: 3px;
    font-family: var(--font-heading);
    letter-spacing: 1px;
    border: 1px solid #8b5a2b;
}

.btn-primary {
    background: #8b5a2b;
    color: #faebd7;
}

.btn-primary:hover {
    background: #5c4033;
    color: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.btn-secondary {
    background: transparent;
    color: #8b5a2b;
}

.btn-secondary:hover {
    background: rgba(139, 90, 43, 0.1);
}