/* Font Awesome Icon Enhancements for System Design Deep Dive */

/* Icon spacing and styling */
.fas, .fab {
    margin-right: 0.5rem;
}

/* Navigation icons styling */
.nav-links a i,
.nav-brand i {
    color: inherit;
    margin-right: 0.4rem;
}

/* Section icon styling */
.section-icon i {
    font-size: 1.2em;
    color: #2563eb;
    margin-right: 0.5rem;
}

/* Category icon styling */
.category-icon i {
    font-size: 1.5rem;
    color: #3b82f6;
    width: 2rem;
    text-align: center;
    margin-right: 1rem;
}

/* File icon styling */
.file-icon i {
    color: #6b7280;
    margin-right: 0.75rem;
    width: 1rem;
    text-align: center;
}

/* Meta icon styling */
.meta-item i {
    color: #6b7280;
    margin-right: 0.25rem;
}

/* Feature content icon styling */
.featured-meta i {
    color: #9ca3af;
    margin-right: 0.25rem;
}

.featured-cta i {
    margin-right: 0.5rem;
}

/* Button icon styling */
.btn i {
    margin-right: 0.5rem;
}

.btn.primary i {
    color: white;
}

.btn.ghost i {
    color: inherit;
}

/* Breadcrumb icon styling */
.breadcrumb i {
    margin-right: 0.5rem;
    color: #6b7280;
}

/* Mobile nav toggle icon */
.nav-toggle i {
    font-size: 1.2rem;
}

/* Icon hover effects */
.nav-links a:hover i,
.topic-chip:hover i,
.file-list a:hover i {
    color: #2563eb;
    transition: color 0.2s ease;
}

/* Specific category icon colors */
.category-icon i.fa-rocket {
    color: #f59e0b; /* amber */
}

.category-icon i.fa-building {
    color: #3b82f6; /* blue */
}

.category-icon i.fa-palette {
    color: #8b5cf6; /* purple */
}

.category-icon i.fa-chart-line {
    color: #10b981; /* green */
}

.category-icon i.fa-youtube {
    color: #ef4444; /* red - YouTube brand color */
}

/* Reading progress and accessibility */
.reading-progress {
    background: linear-gradient(90deg, #2563eb, #3b82f6);

 / *   H e r o   s t a t s   i c o n   s t y l i n g   * / 
 . s t a t - i c o n   { 
         f o n t - s i z e :   1 . 2 r e m ; 
         c o l o r :   # 3 b 8 2 f 6 ; 
         m a r g i n - b o t t o m :   0 . 5 r e m ; 
         d i s p l a y :   b l o c k ; 
 } 
 
 / *   R e s p o n s i v e   i c o n   a d j u s t m e n t s   * / 
 @ m e d i a   ( m a x - w i d t h :   7 6 8 p x )   { 
         . c a t e g o r y - i c o n   i   { 
                 f o n t - s i z e :   1 . 2 r e m ; 
                 m a r g i n - r i g h t :   0 . 7 5 r e m ; 
         } 
         
         . s e c t i o n - i c o n   i   { 
                 f o n t - s i z e :   1 r e m ; 
         } 
         
         . s t a t - i c o n   { 
                 f o n t - s i z e :   1 r e m ; 
         } 
 }  
 