/* ==========================================
   A ENGINEERING - MASTER TYPOGRAPHY SYSTEM
   ========================================== */

/* 
   FONTS USED:
   1. Inter: Standard premium sans-serif for high readability (Body, UI, Descriptions)
   2. Oswald: Tall, industrial, engineered sans-serif (Headlines, Numbers)
   3. Playfair Display: Elegant, high-contrast serif (Brand Logo)
*/

:root {
    /* Fluid Font Size Variables */
    --text-xs: clamp(0.75rem, 1vw, 0.85rem);
    --text-sm: clamp(0.85rem, 1.5vw, 1rem);
    --text-base: clamp(1rem, 2vw, 1.15rem);
    --text-lg: clamp(1.15rem, 2.5vw, 1.35rem);
    --text-xl: clamp(1.4rem, 3vw, 1.75rem);
    
    /* Display Heading Sizes */
    --display-sm: clamp(2rem, 4vw, 2.5rem);
    --display-md: clamp(2.5rem, 5vw, 3.5rem);
    --display-lg: clamp(3rem, 7vw, 4.5rem);
    --display-xl: clamp(4rem, 9vw, 6rem);

    /* Line Heights */
    --leading-tight: 1.1;
    --leading-snug: 1.3;
    --leading-normal: 1.6;
    --leading-loose: 1.8;
}

/* ==========================================
   GLOBAL TEXT SETTINGS (ANTIALIASING)
   ========================================== */
body {
    font-family: 'Inter', sans-serif;
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--text-muted);
    
    /* PRO UX TRICK: Sharp and premium text */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ==========================================
   HEADINGS ARCHITECTURE
   ========================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    color: var(--text-white);
    margin-top: 0;
    margin-bottom: 0.5em;
    font-weight: 800;
    line-height: var(--leading-tight);
    letter-spacing: -0.02em; /* Premium negative tracking */
}

h1 { font-size: var(--display-lg); }
h2 { font-size: var(--display-md); }
h3 { font-size: var(--display-sm); }
h4 { font-size: var(--text-xl); letter-spacing: -0.01em; }
h5 { font-size: var(--text-lg); }
h6 { font-size: var(--text-base); }

/* ==========================================
   ENGINEERING / INDUSTRIAL TEXT CLASSES
   ========================================== */

/* Used for massive hero text or section numbers */
.display-industrial {
    font-family: 'Oswald', sans-serif;
    font-size: var(--display-xl);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    line-height: 1;
}

/* Small, highly tracked uppercase text (Eyebrows) */
.text-eyebrow {
    font-family: 'Inter', sans-serif;
    font-size: var(--text-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em; /* Wide spacing */
    color: var(--tech-blue);
}

/* Lead paragraphs */
.text-lead {
    font-size: var(--text-lg);
    line-height: var(--leading-loose);
    font-weight: 400;
    color: var(--text-muted);
}

/* ==========================================
   PREMIUM BRAND LOGO TEXT (A ENGINEERING - LUXURY SERIF)
   ========================================== */
.brand-typography {
    /* Using Playfair Display to match the elegant, high-contrast serif look of "CASKO" */
    font-family: 'Playfair Display', serif; 
    font-size: clamp(1.4rem, 2.5vw, 1.8rem); /* Slightly larger to show off serif details */
    font-weight: 700; /* Bold but elegant */
    text-transform: uppercase;
    letter-spacing: 0.5px; /* Tighter spacing for luxury serif feel */
    
    /* Pure Solid White - No gradients, no messy shadows */
    color: #FFFFFF;
    background: none;
    -webkit-text-fill-color: initial; /* Resetting any previous gradient clips */
    
    /* Very subtle, elegant drop shadow just to separate from pure black background */
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); 
                 
    /* Smooth, subtle transition */
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.3, 1), text-shadow 0.4s ease;
}

/* Very subtle hover effect - Luxury brands don't use flashy hovers on logos */
.brand-link:hover + .brand-text-container .brand-typography,
.brand-typography:hover {
    opacity: 0.85; /* Just a slight fade */
    transform: scale(1.01); /* Micro-scale, barely noticeable but feels premium */
    text-shadow: 0px 4px 15px rgba(255, 255, 255, 0.15); /* Very faint white ambient glow */
}

/* ==========================================
   PREMIUM TEXT EFFECTS
   ========================================== */

/* Metallic / Glowing Text Gradients */
.text-gradient-silver {
    background: linear-gradient(90deg, #FFFFFF 0%, #A0B3C6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-gradient-cyan {
    background: linear-gradient(90deg, #2C96EA 0%, #00F0FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Important Data or Technical Stats */
.tech-stat-number {
    font-family: 'Oswald', sans-serif;
    font-size: var(--display-md);
    font-weight: 700;
    color: var(--text-white);
    letter-spacing: 1px;
}

/* Standard Links */
a {
    color: var(--tech-blue);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #00F0FF; /* Arbiforge Cyan */
}

/* Paragraphs */
p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

p:last-child {
    margin-bottom: 0;
}