/* ========================================
   CAREER 2000 — Global Theme System
   ======================================== */

/* ---------- Google Font Import ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');

/* ---------- Global Theme Variables (Tokens) ---------- */
:root {
    --teal: #1F6F66;
    --teal-light: #6F9F94;
    --navy: #1E3A4A;
    --orange: #E67A2E;
    --soft-orange: #EAC6AF;
    --bg: #FAF6F4;
    --white: #FFFFFF;
    --text: #1E3A4A;
    --text-muted: #5A6E78;

    --ff-sans: 'Inter', sans-serif;
    --ff-serif: 'Playfair Display', serif;
    
    --radius: 12px;
    --radius-lg: 20px;
    --transition: all 0.3s ease;

    /* Hero Shared Styles */
    --hero-bg: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #0d4a43 0%, #1E3A4A 45%, #0f212e 100%);
    --hero-text: #FFFFFF;
    --hero-text-muted: rgba(255, 255, 255, 0.72);

    /* Button Shared Styles */
    --btn-bg: var(--soft-orange);
    --btn-text: var(--navy);
    --btn-hover-bg: #E4B598;
}

/* ---------- Base Global Typography ---------- */
body {
    font-family: var(--ff-sans);
    background: var(--bg);
    color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-serif);
    color: var(--navy);
}

.highlight {
    color: var(--teal);
}

.text-muted {
    color: var(--text-muted);
}