/* Deeprhythms Theme Main Stylesheet */

/* Import color variables first */
@import url("css/color-variables.css");

/* Base Styles */
body {
  background: var(--background);
  color: var(--medium-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: var(--dark-text);
  margin: 0 0 1rem 0;
}

/* Links */
a {
  color: var(--primary);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--primary-dark);
}

/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Ensure mix listings styles load */
.front-page-hero,
.mix-archive-hero {
  background: var(--primary) !important;
}