:root {
    /* Brand Colors - TechBridge */
    --tb-primary: #1a3a5c;
    --tb-primary-dark: #0f2440;
    --tb-primary-light: #2a5a8c;
    --tb-accent: #e8a023;
    --tb-accent-hover: #d4911a;
    --tb-success: #28a745;
    --tb-danger: #dc3545;
    --tb-white: #ffffff;
    --tb-light: #f8f9fa;
    --tb-gray-100: #f1f3f5;
    --tb-gray-200: #e9ecef;
    --tb-gray-300: #dee2e6;
    --tb-gray-500: #adb5bd;
    --tb-gray-700: #495057;
    --tb-gray-900: #212529;
    --tb-body-bg: #f5f6fa;

    /* Typography */
    --tb-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --tb-font-size-base: 15px;
    --tb-font-size-sm: 13px;
    --tb-font-size-lg: 18px;
    --tb-font-size-h1: 2.25rem;
    --tb-font-size-h2: 1.75rem;
    --tb-font-size-h3: 1.375rem;
    --tb-line-height: 1.6;

    /* Spacing */
    --tb-section-padding: 60px 0;
    --tb-card-padding: 24px;
    --tb-border-radius: 8px;
    --tb-border-radius-lg: 12px;

    /* Shadows */
    --tb-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --tb-shadow: 0 2px 8px rgba(0,0,0,0.1);
    --tb-shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --tb-shadow-hover: 0 4px 16px rgba(0,0,0,0.15);

    /* Transitions */
    --tb-transition: all 0.25s ease;

    /* Header */
    --tb-header-height: 72px;
    --tb-header-bg: var(--tb-white);

    /* Container */
    --tb-container-max: 1320px;
}