/**
 * Poppins Font Family - Complete Set
 * Company Font Implementation for Creative Integrity Dashboard
 */

/* Poppins Thin */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Poppins Extra Light */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Poppins Light */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Poppins Regular */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Poppins Medium */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Poppins Semi Bold */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Poppins Bold */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Poppins Extra Bold */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Poppins Black */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/**
 * Typography System - Professional Implementation
 * Using optimal font weights for different UI elements
 */

/* Base Typography */
body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Headings - Use SemiBold for excellent readability */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Primary Brand Title - Extra Bold for impact */
.brand-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.03em;
}

/* Metric Values - Bold for emphasis */
.metric-value {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Metric Labels - Medium for clarity */
.metric-label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

/* Buttons - SemiBold for action */
.btn {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Badges - Medium for balance */
.badge {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Table Headers - SemiBold for structure */
thead th {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Table Data - Regular for readability */
tbody td {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

/* Code Elements - Medium monospace look */
code, pre, .offer-id-code {
    font-family: 'Poppins', 'Courier New', monospace;
    font-weight: 500;
}

/* Form Labels - Medium for clarity */
label, .form-label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Form Controls - Regular for input */
.form-control, .form-select {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

/* Navigation - SemiBold for wayfinding */
.nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* Card Titles - SemiBold for hierarchy */
.card-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Modal Headers - Bold for attention */
.modal-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Alert Text - Medium for importance */
.alert {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

/* Tooltips - Medium for legibility */
.tooltip {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Severity Badges - Bold for visual weight */
.severity-CRITICAL,
.severity-HIGH,
.severity-WARNING,
.severity-MEDIUM,
.severity-LOW,
.severity-PASS {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* Stats and Numbers - Bold for prominence */
.stats-number,
.validation-count {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Small Text - Regular for subtlety */
small, .small, .text-muted {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

/* Links - Medium for clickability */
a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

/* Strong/Bold Elements - Bold for emphasis */
strong, b {
    font-weight: 700;
}

/* Emphasized Text - Italic with medium weight */
em, i {
    font-weight: 500;
    font-style: italic;
}