/* src/styles.css */
:root {
  color-scheme: dark;
  scrollbar-gutter: stable;
  --bg: #090807;
  --surface: #151210;
  --surface-2: #12100e;
  --border: #2f2924;
  --text: #ece4d9;
  --muted: #9f9385;
  --accent: #fd971f;
  --purchase: #fd971f;
  --rental: #8f7f70;
  --input-bg: #1d1916;
  --shadow: 0 18px 34px rgba(0, 0, 0, 0.52);
  --shadow-lighten: 0 0 15px 5px rgba(253, 151, 31, 0.5);
  background: var(--bg);
  color: var(--text);
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}
.surface-panel {
  background:
    linear-gradient(
      90deg,
      var(--surface),
      var(--surface-2));
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-lighten);
}
.panel-title {
  align-items: center;
  display: inline-flex;
  font-size: 3rem;
  gap: 0.55rem;
  line-height: 1.1;
  margin: 0 0 0.75rem;
}
@media (max-width: 1200px) {
  .panel-title {
    font-size: 2.1rem;
  }
}

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