/* 
 * Typography CSS for Barbershop
 * Font assignments:
 * - Bilbo Swash Caps for h1 and h2
 * - Didact Gothic for buttons
 * - Sorts Mill Goudy for everything else
 */

/* Base font for all elements */
body {
    font-family: 'Sorts Mill Goudy', serif;
    line-height: 1.6;
}

/* Headings */
h1, h2, .section-header h2, .dashboard-title, .auth-title, .logo-text {
    font-family: 'Bilbo Swash Caps', cursive;
    font-weight: 400;
}

h1, .hero-content h1 {
    font-size: 4rem;
    letter-spacing: 1px;
}

h2, .section-header h2, .dashboard-card-title {
    font-size: 3.2rem;
    letter-spacing: 0.5px;
}

/* Keep other headings in the base font but with different styling */
h3, h4, h5, h6 {
    font-family: 'Sorts Mill Goudy', serif;
    font-weight: 600;
}

/* Buttons */
.btn, 
button[type="submit"],
input[type="submit"],
.sidebar-nav-link,
.nav-menu a {
    font-family: 'Didact Gothic', sans-serif;
    letter-spacing: 0.5px;
    font-weight: 400;
}

/* Special elements that should use the base font */
p, span, div, input, textarea, select, label, table {
    font-family: 'Sorts Mill Goudy', serif;
}

/* Hero section special styling */
.hero-content h1 {
    margin-bottom: 0.5em;
}

.hero-content p {
    font-size: 1.2rem;
    margin-bottom: 1.5em;
}

/* Service cards */
.service-card h3 {
    font-family: 'Sorts Mill Goudy', serif;
    font-weight: 600;
}

/* Logo text special styling */
.logo-text {
    font-size: 2rem;
}

/* Dashboard specific styles */
.dashboard-wrapper .sidebar-user-name,
.dashboard-wrapper .sidebar-user-role {
    font-family: 'Sorts Mill Goudy', serif;
}

/* Menu section titles in sidebar */
.menu-section-title {
    font-family: 'Sorts Mill Goudy', serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Form elements */
.form-label, .form-control {
    font-family: 'Sorts Mill Goudy', serif;
}

/* Table headers */
th {
    font-family: 'Didact Gothic', sans-serif;
    letter-spacing: 0.5px;
}