/*******************************
    BRAND TYPOGRAPHY
    Custom Font Definitions
*******************************/

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

@font-face {
    font-family: 'Anek Tamil';
    src: url('../fonts/AnekTamil-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Anek Tamil';
    src: url('../fonts/AnekTamil-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Anek Tamil';
    src: url('../fonts/AnekTamil-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* Variable Font */
@font-face {
    font-family: 'Space Grotesk Variable';
    src: url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

/*******************************
    TYPOGRAPHY VARIABLES
*******************************/

:root {
    /* Font Families */
    --font-primary: 'Anek Tamil', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Font Weights */
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
}

/*******************************
    GLOBAL TYPOGRAPHY
*******************************/

/* Body - Primary Font */
body {
    font-family: var(--font-primary);
    font-weight: var(--font-regular);
}

/* Headings - Secondary Font (Space Grotesk) */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--font-secondary);
    font-weight: var(--font-bold);
}

/* Buttons - Secondary Font */
.btn,
.pbmit-btn,
button {
    font-family: var(--font-secondary);
    font-weight: var(--font-semibold);
}

/* Navigation - Secondary Font */
.site-navigation,
.navigation,
nav {
    font-family: var(--font-secondary);
    font-weight: var(--font-medium);
}

/* Form Labels - Secondary Font */
.form-label,
label {
    font-family: var(--font-secondary);
    font-weight: var(--font-medium);
}

/* Form Inputs - Primary Font */
.form-control,
.form-select,
input,
textarea,
select {
    font-family: var(--font-primary);
    font-weight: var(--font-regular);
}

/* Logo/Brand - Secondary Font */
.site-title,
.sidebar-logo,
.auth-logo h1,
.register-logo-text,
.carousel-logo h1 {
    font-family: var(--font-secondary);
    font-weight: var(--font-extrabold);
}

/* Subtitles/Taglines - Primary Font */
.pbmit-subtitle,
.register-tagline,
.carousel-caption-custom p {
    font-family: var(--font-primary);
    font-weight: var(--font-light);
}

/* Stats/Numbers - Secondary Font */
.stat-value,
.pbmit-fid-number,
.pricing-price {
    font-family: var(--font-secondary);
    font-weight: var(--font-bold);
}

/* Badges/Pills - Secondary Font */
.badge,
.status-badge,
.role-badge,
.optional-badge {
    font-family: var(--font-secondary);
    font-weight: var(--font-semibold);
}

/* Links - Primary Font */
a {
    font-family: var(--font-primary);
    font-weight: var(--font-medium);
}

/* Paragraphs - Primary Font */
p {
    font-family: var(--font-primary);
    font-weight: var(--font-regular);
}

/* Strong/Bold Text - Primary Font Bold */
strong,
b {
    font-family: var(--font-primary);
    font-weight: var(--font-bold);
}

/* Emphasis/Italic - Primary Font */
em,
i:not([class*="fa-"]):not([class*="ti-"]):not([class*="pbmit-"]) {
    font-family: var(--font-primary);
    font-weight: var(--font-regular);
    font-style: italic;
}

/* Code/Pre - Monospace (keep default) */
code,
pre {
    font-family: 'Courier New', Courier, monospace;
}

/*******************************
    UTILITY CLASSES
*******************************/

/* Font Family Utilities */
.font-primary {
    font-family: var(--font-primary) !important;
}

.font-secondary {
    font-family: var(--font-secondary) !important;
}

/* Font Weight Utilities */
.fw-thin {
    font-weight: var(--font-thin) !important;
}

.fw-extralight {
    font-weight: var(--font-extralight) !important;
}

.fw-light {
    font-weight: var(--font-light) !important;
}

.fw-regular {
    font-weight: var(--font-regular) !important;
}

.fw-medium {
    font-weight: var(--font-medium) !important;
}

.fw-semibold {
    font-weight: var(--font-semibold) !important;
}

.fw-bold {
    font-weight: var(--font-bold) !important;
}

.fw-extrabold {
    font-weight: var(--font-extrabold) !important;
}