/*!
 * BlancPage Solutions - Main Stylesheet
 * Mobile-First, Modular CSS Architecture
 * Version: 2.0.0 - Mobile-First Refactor
 */

/* ==========================================================================
   Base Styles - Foundation Layer
   ========================================================================== */

/* CSS Custom Properties & Design System */
@import 'base/variables.css';

/* CSS Reset & Normalize */
@import 'base/reset.css';

/* Typography System */
@import 'base/typography.css';

/* ==========================================================================
   Component Styles - Modular Architecture
   ========================================================================== */

/* Navigation Component */
@import 'components/navbar.css';

/* Hero Section & Carousel */
@import 'components/hero.css';

/* Profile & About Sections */
@import 'components/profile.css';

/* Services & Projects */
@import 'components/services.css';

/* Tech Stack Component */
@import 'components/tech-stack.css';

/* GitHub Activity Component */
@import 'components/github.css';

/* Contact Form & Footer */
@import 'components/contact.css';

/* ==========================================================================
   Utilities Layer - Helper Classes
   ========================================================================== */

/* Utility Classes & Common Patterns */
@import 'utilities/helpers.css';

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: ' (' attr(href) ')';
  }

  abbr[title]::after {
    content: ' (' attr(title) ')';
  }

  a[href^='#']::after,
  a[href^='javascript:']::after {
    content: '';
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar,
  .carousel-controls,
  .carousel-indicators {
    display: none !important;
  }
}