@import "tailwindcss/index.min.css";

/* ===== Font preview ===== */
.font-preview-text {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    line-height: 1.3;
}

/* ===== Cards ===== */
.font-card {
    display: block;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    background: white;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.font-card:hover {
    border-color: #60a5fa;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* ===== Icon color variants ===== */
.icon-preview img { display: inline-block; }