/* TalentP.AI — Design Tokens v1.6.0 */

:root
{
    /* ---------- BRAND COLORS ---------- */
    --tp-primary: #1abc9c;
    --tp-primary-dk: #16a085;
    --tp-blue: #3498db;
    --tp-blue-dk: #2980b9;
    --tp-accent: #9b59b6;
    /* ---------- DARK SURFACES ---------- */
    --tp-dark: #1a1a2e;
    --tp-dark-2: #0d0d1a;
    --tp-navy: #16213e;
    --tp-navy-2: #0f3460;
    /* ---------- LIGHT SURFACES ---------- */
    --tp-surface: #f8f9fa;
    --tp-surface-2: #ffffff;
    --tp-bg-onboarding: #f0f4f8;
    /* ---------- TEXT ---------- */
    --tp-text: #1a1a2e;
    --tp-text-muted: #64748b;
    --tp-text-light: #94a3b8;
    /* ---------- BORDER ---------- */
    --tp-border: #e2e8f0;
    /* ---------- SEMANTIC ---------- */
    --tp-success: #10b981;
    --tp-success-bg: #d1fae5;
    --tp-success-text: #059669;
    --tp-warning: #f59e0b;
    --tp-warning-bg: #fef3c7;
    --tp-warning-text: #d97706;
    --tp-danger: #ef4444;
    --tp-danger-bg: #fee2e2;
    --tp-danger-text: #b91c1c;
    /* Profile/choice tints */
    --tp-tint-highschool: #FEF3C7;
    --tp-tint-university: #DBEAFE;
    --tp-tint-professional: #D1FAE5;
    /* ---------- GRADIENTS ---------- */
    --tp-gradient: linear-gradient(135deg, #1abc9c, #16a085);
    --tp-gradient-b2b: linear-gradient(135deg, #3498db, #2980b9);
    --tp-gradient-mixed: linear-gradient(135deg, #1abc9c 0%, #3498db 100%);
    --tp-gradient-hero: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    --tp-gradient-dark: linear-gradient(135deg, #1a1a2e, #0f3460);
    /* ---------- RADII ---------- */
    --tp-radius-sm: 6px;
    --tp-radius-md: 12px;
    --tp-radius-lg: 20px;
    --tp-radius-pill: 999px;
    /* ---------- SHADOWS ---------- */
    --tp-shadow-sm: 0 1px 3px rgba(0,0,0,.10);
    --tp-shadow-md: 0 4px 12px rgba(0,0,0,.12);
    --tp-shadow-lg: 0 12px 40px rgba(0,0,0,.12);
    --tp-shadow-xl: 0 24px 80px rgba(0,0,0,.30);
    --tp-shadow-primary: 0 4px 16px rgba(26,188,156,0.30);
    --tp-shadow-primary-lg: 0 12px 40px rgba(26,188,156,0.20);
    --tp-shadow-blue: 0 12px 40px rgba(52,152,219,0.20);
    /* ---------- SPACING ---------- */
    --tp-space-1: 4px;
    --tp-space-2: 8px;
    --tp-space-3: 12px;
    --tp-space-4: 16px;
    --tp-space-5: 20px;
    --tp-space-6: 24px;
    --tp-space-8: 32px;
    --tp-space-10: 40px;
    --tp-space-12: 48px;
    --tp-space-16: 64px;
    --tp-space-20: 80px;
    /* ---------- LAYOUT ---------- */
    --tp-navbar-h: 56px;
    --tp-container-max: 1200px;
    /* ---------- TYPOGRAPHY ---------- */
    --tp-font-body: 'Varela Round', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --tp-font-heading: 'Varela Round', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --tp-font-mono: ui-monospace, 'SF Mono', 'Fira Code', monospace;
    --tp-fs-display: 42px;
    --tp-fs-h1: 36px;
    --tp-fs-h2: 30px;
    --tp-fs-h3: 22px;
    --tp-fs-h4: 18px;
    --tp-fs-body: 16px;
    --tp-fs-sm: 14px;
    --tp-fs-xs: 12px;
    --tp-fs-micro: 11px;
    --tp-lh-tight: 1.2;
    --tp-lh-snug: 1.4;
    --tp-lh-base: 1.6;
    --tp-lh-loose: 1.8;
    --tp-tracking-tight: -0.5px;
    --tp-tracking-normal: 0;
    --tp-tracking-wide: 0.5px;
    --tp-tracking-caps: 1.5px;
    /* ---------- MOTION ---------- */
    --tp-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --tp-t-fast: 0.2s;
    --tp-t-base: 0.3s;
    --tp-t-slow: 0.5s;
}