/**
 * Coca-Cola Unity Headline Font Faces
 * Primary brand fonts for the application
 * 
 * Font Weights:
 * - Regular (400): Body text, paragraphs, general content
 * - Medium (500): Subheadings, labels, emphasized text
 * - Black (900): Main headings, hero text, titles
 */

/* Unity Headline Regular - Base text, body copy */
@font-face {
    font-family: 'TCCC Unity Headline';
    src: url('../coke-fonts/TCCC-UnityHeadline-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Unity Headline Medium - Subheadings, emphasized text */
@font-face {
    font-family: 'TCCC Unity Headline';
    src: url('../coke-fonts/TCCC-UnityHeadline-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Unity Headline Black - Headers, titles, hero text */
@font-face {
    font-family: 'TCCC Unity Headline';
    src: url('../coke-fonts/TCCC-UnityHeadline-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Apply fonts globally */
:root {
    --font-primary: 'TCCC Unity Headline', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Body and base elements */
body,
html {
    font-family: var(--font-primary) !important;
    font-weight: 400;
}

/* Regular weight - Body text, paragraphs, general content */
p,
span,
a,
li,
td,
th,
input,
textarea,
select,
button,
.text,
.body-text,
.nav-link,
.form-control,
.btn {
    font-family: var(--font-primary);
    font-weight: 400;
}

/* Medium weight - Subheadings, emphasized text, labels */
h4,
h5,
h6,
.h4,
.h5,
.h6,
strong,
b,
.font-weight-medium,
.title-bar .title,
.dz-content .title,
.dz-head .title,
label,
.form-label,
.card-title,
.subtitle {
    font-family: var(--font-primary);
    font-weight: 500;
}

/* Black weight - Main headings, hero text, important titles */
h1,
h2,
h3,
.h1,
.h2,
.h3,
.font-weight-black,
.hero-title,
.page-title,
.section-title,
.main-title,
.header .title,
.dz-card-overlay .title {
    font-family: var(--font-primary);
    font-weight: 900;
}

/* Ensure buttons use appropriate weights */
.btn-primary,
.btn-lg {
    font-family: var(--font-primary);
    font-weight: 500;
}

/* Navigation elements */
.menubar-nav .nav-link,
.sidebar .nav-link {
    font-family: var(--font-primary);
    font-weight: 400;
}

/* Price and pricing elements */
.dz-price,
.price {
    font-family: var(--font-primary);
    font-weight: 500;
}

/* Category titles */
.dz-categories-bx .title {
    font-family: var(--font-primary);
    font-weight: 500;
}

/* Authentication pages */
.dz-authentication-area .title {
    font-family: var(--font-primary);
    font-weight: 900;
}

/* Profile section */
.profile-info .title,
.profile-info .name {
    font-family: var(--font-primary);
    font-weight: 500;
}