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

body.theme-writer {
    font-family: 'Lora', Georgia, serif;
    --bg-gradient: linear-gradient(160deg, #f7f5f2 0%, #ede8e1 60%, #e4ddd4 100%);
    --text-color: #1a1a1a;
    --card-bg: transparent;
    --card-border: transparent;
    --link-bg: #ffffff;
    --link-hover: #f8f5f1;
    --shadow: none;
}

body.theme-writer .profile-container {
    background: none;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
}

body.theme-writer .username {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: -0.01em;
}

body.theme-writer #bio-text {
    font-family: 'Lora', Georgia, serif;
    font-style: italic;
    color: #4a4a4a;
}

body.theme-writer .social-icon,
body.theme-writer .fab {
    color: #1a1a1a;
}

body.theme-writer .avatar {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* ── Torn paper buttons ── */
body.theme-writer .links-wrapper {
    gap: 20px;
}

body.theme-writer .link-card {
    position: relative;
    font-family: 'Lora', Georgia, serif;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #1a1a1a;
    background: #ffffff;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    backdrop-filter: none;
    overflow: visible;
}

body.theme-writer .link-card:hover {
    background: #f8f5f1;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    border: none !important;
}

/* Torn top edge */
body.theme-writer .link-card::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    height: 6px;
    background:
        linear-gradient(-45deg, #ffffff 33.33%, transparent 33.33%) 0 0,
        linear-gradient( 45deg, #ffffff 33.33%, transparent 33.33%) 0 0;
    background-size: 10px 6px;
    background-repeat: repeat-x;
}

/* Torn bottom edge */
body.theme-writer .link-card::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    height: 6px;
    background:
        linear-gradient( 135deg, #ffffff 33.33%, transparent 33.33%) 0 0,
        linear-gradient(-135deg, #ffffff 33.33%, transparent 33.33%) 0 0;
    background-size: 10px 6px;
    background-repeat: repeat-x;
}