@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&family=Rajdhani:wght@600;700&display=swap";

/* src/styles.scss */
:root {
  --rk-page-inline-padding: 1rem;
  --rk-bg: #050507;
  --rk-bg-elevated: #0a0b10;
  --rk-surface: #13141a;
  --rk-text: #f7f8fb;
  --rk-text-muted: #b7bbc5;
  --rk-border: rgb(188 22 40 / 34%);
  --rk-border-soft: rgb(188 22 40 / 22%);
  --rk-accent: #c9182f;
  --rk-accent-strong: #8b0f1d;
  --rk-accent-warm: #e33b4f;
  --rk-accent-soft: var(--rk-accent-warm);
  --rk-glow-hot: rgb(201 24 47 / 45%);
  --rk-glow-soft: rgb(255 255 255 / 14%);
  --rk-panel-bg:
    radial-gradient(
      circle at -8% -35%,
      rgb(186 24 43 / 16%),
      transparent 58%),
    linear-gradient(
      165deg,
      rgb(21 9 14 / 88%),
      rgb(8 8 12 / 97%));
  --rk-panel-border: rgb(188 22 40 / 24%);
  --rk-panel-shadow: 0 10px 18px rgb(3 3 4 / 44%), 0 0 12px rgb(162 18 36 / 10%);
  --rk-font-body:
    "Oxanium",
    "Segoe UI",
    sans-serif;
  --rk-font-display:
    "Rajdhani",
    "Segoe UI",
    sans-serif;
  --rk-font-brand:
    "Rajdhani",
    "Segoe UI",
    sans-serif;
  --rk-scrollbar-size: 11px;
  --rk-scroll-track: rgb(13 6 10 / 78%);
  --rk-scroll-track-edge: rgb(175 22 40 / 18%);
  --rk-scroll-thumb: rgb(194 31 50 / 88%);
  --rk-scroll-thumb-strong: rgb(126 12 27 / 92%);
  --rk-scroll-thumb-hover: rgb(221 52 72 / 92%);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
}
body {
  color-scheme: dark;
  background:
    radial-gradient(
      circle at 12% -18%,
      rgba(194, 24, 45, 0.3),
      transparent 38%),
    radial-gradient(
      circle at 88% -24%,
      rgba(255, 255, 255, 0.07),
      transparent 34%),
    radial-gradient(
      circle at 50% 120%,
      rgba(138, 15, 31, 0.18),
      transparent 44%),
    linear-gradient(
      180deg,
      #0d0d11 0%,
      #050506 52%,
      #030304 100%);
  color: var(--rk-text);
  font-family: var(--rk-font-body);
}
html {
  scrollbar-gutter: stable;
}
* {
  scrollbar-color: var(--rk-scroll-thumb) var(--rk-scroll-track);
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  height: var(--rk-scrollbar-size);
  width: var(--rk-scrollbar-size);
}
*::-webkit-scrollbar-track {
  background:
    linear-gradient(
      180deg,
      rgba(20, 7, 11, 0.88),
      rgba(9, 4, 7, 0.88)),
    linear-gradient(
      180deg,
      var(--rk-scroll-track-edge),
      transparent);
  border: 1px solid rgba(177, 24, 42, 0.22);
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      180deg,
      var(--rk-scroll-thumb-hover),
      var(--rk-scroll-thumb) 45%,
      var(--rk-scroll-thumb-strong));
  border: 2px solid rgba(14, 6, 10, 0.82);
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.09) inset, 0 0 12px rgba(185, 24, 43, 0.32);
}
*::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      180deg,
      rgba(240, 86, 104, 0.95),
      rgba(210, 42, 61, 0.92),
      rgba(146, 15, 32, 0.95));
}
*::-webkit-scrollbar-corner {
  background: rgba(10, 4, 7, 0.92);
}
@media (max-width: 720px) {
  :root {
    --rk-page-inline-padding: 0.75rem;
  }
}

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