* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  font-family: "Heebo", sans-serif;

  @media (max-width: 688px) {
    font-size: 50%;
  }
}


:root {
  /* Core Professional Colors */
  --primary-color: #2563EB;  /* Professional blue */
  --secondary-color: #059669;  /* Professional green */
  --dark-color: #1F2937;  /* Rich dark gray */
  --light-color: #6B7280;  /* Medium gray */

  /* Background Colors */
  --secondary-background-color: #F8FAFC;  /* Light gray background */
  --card-background: #FFFFFF;  /* Card background */
  --hover-background: #F1F5F9;  /* Hover state */

  /* Text Colors */
  --text-color: #1F2937;  /* Dark text for better contrast */
  --text-secondary: #6B7280;  /* Secondary text */
  --text-muted: #9CA3AF;  /* Muted text */
  --white-color: #FFFFFF;

  /* Status Colors */
  --success-color: #10B981;
  --warning-color: #F59E0B;
  --error-color: #EF4444;
  --info-color: #3B82F6;

  /* Technology Colors (maintained but refined) */
  --javascript-color: #F7DF1E;
  --ruby-on-rails-color: #CC0000;
  --git-color: #F05033;
  --vue-color: #4FC08D;
  --node-color: #339933;
  --aws-color: #FF9900;
  --mysql-color: #4479A1;
  --php-color: #777BB3;
  --html-color: #E34F26;
  --css-color: #1572B6;

  /* Accessibility Colors */
  --focus-color: #2563EB;
  --focus-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);

  /* Gradient Colors */
  --gradient-primary: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
  --gradient-secondary: linear-gradient(135deg, #059669 0%, #047857 100%);

  /* Breakpoints */
  --sm: 480px;
  --md: 1074px;
  --lg: 1440px;
}

h1 {
  font-size: 4.4rem;
  line-height: 6rem;
}

h2 {
  font-size: 2.6rem;
}

p, span {
  font-size: 1.6rem;
}

.container {
  margin-top: 8rem;

  @media (max-width: 1074px) {
    margin-top: 10rem;
  }
}

.base-section {
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  padding-top: 10rem;

  .base-limitator {
    width: 100%;
    max-width: 88rem;
  }
}