/**
 * iCotton Theme Typography Engine - Strict Luxury Minimal Architectural Standard
 * Font: Almarai
 * Weights: 300 (Light), 400 (Regular), 500 (Medium). Strictly NO heavy bold (700/800).
 */

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;500&display=swap');

:root {
    --font-primary: 'Almarai', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
}

html, body, button, input, select, textarea, p, span, a, li, h1, h2, h3, h4, h5, h6, div, strong, b {
    font-family: 'Almarai', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body {
    font-family: var(--font-primary) !important;
    font-weight: 300 !important; /* Elegant architectural light body */
    color: var(--color-charcoal);
    background-color: var(--color-off-white);
    line-height: 1.75;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary) !important;
    font-weight: 400 !important; /* Refined luxury regular weight */
    color: var(--color-charcoal);
    line-height: 1.35;
    letter-spacing: -0.01em;
}

h1 { font-size: clamp(2.2rem, 3.8vw, 3.4rem); font-weight: 400 !important; }
h2 { font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 400 !important; }
h3 { font-size: clamp(1.2rem, 1.8vw, 1.45rem); font-weight: 400 !important; }
h4 { font-size: 1.1rem; font-weight: 400 !important; }
h5 { font-size: 0.98rem; font-weight: 400 !important; }
h6 { font-size: 0.85rem; font-weight: 400 !important; }

p {
    color: var(--color-charcoal);
    font-weight: 300 !important;
    opacity: 0.85;
    font-size: 0.95rem;
    line-height: 1.8;
}

/* Eliminate harsh bold across all HTML elements */
b, strong, th, .bold {
    font-weight: 400 !important;
}