@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";

/* src/styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease;
  scroll-behavior: smooth;
}
:root,
.light-theme {
  --bg-primary: #f5f7fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f8f9fa;
  --text-primary: #2c3e50;
  --text-secondary: #555;
  --text-tertiary: #7f8c8d;
  --border-color: #e0e0e0;
  --shadow-sm: rgba(0, 0, 0, 0.08);
  --shadow-md: rgba(0, 0, 0, 0.12);
  --shadow-lg: rgba(0, 0, 0, 0.15);
  --accent-primary: #3498db;
  --accent-secondary: #2ecc71;
  --accent-danger: #e74c3c;
  --accent-warning: #f39c12;
  --header-bg:
    linear-gradient(
      135deg,
      #2c7d59 0%,
      #2c3e50 100%);
  --footer-bg:
    linear-gradient(
      135deg,
      #2c3e50 0%,
      #1a252f 50%,
      #2c7d59 100%);
}
.dark-theme {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #252525;
  --text-primary: #ecf0f1;
  --text-secondary: #bdc3c7;
  --text-tertiary: #95a5a6;
  --border-color: #404040;
  --shadow-sm: rgba(0, 0, 0, 0.3);
  --shadow-md: rgba(0, 0, 0, 0.4);
  --shadow-lg: rgba(0, 0, 0, 0.5);
  --accent-primary: #3498db;
  --accent-secondary: #2ecc71;
  --accent-danger: #e74c3c;
  --accent-warning: #f39c12;
  --header-bg:
    linear-gradient(
      135deg,
      #1a3d2e 0%,
      #1a252f 100%);
  --footer-bg:
    linear-gradient(
      135deg,
      #1a252f 0%,
      #0f1419 50%,
      #1a3d2e 100%);
}
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
}
a {
  text-decoration: none;
  color: inherit;
}
ul,
ol {
  list-style: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
}
.theme-card {
  background: var(--bg-secondary);
  color: var(--text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.theme-section {
  background: var(--bg-secondary);
  color: var(--text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.theme-text-primary {
  color: var(--text-primary);
}
.theme-text-secondary {
  color: var(--text-secondary);
}
.theme-border {
  border-color: var(--border-color);
}
.theme-shadow {
  box-shadow: 0 4px 20px var(--shadow-sm);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */