/* === CADENCE COLOUR THEME === */
/* Derived from M3 seed #BA6880 (rose pink)                        */
/* Primary · Secondary · Tertiary are all tonal variants of seed   */

:root {
  --bg: #F8F9FA;
  --surface: #FFFFFF;
  --border: #F2DDE3;
  --text: #333333;
  --text-muted: #666666;
  --accent: #803450;

  --hero-bg: linear-gradient(135deg, #FFD8E4 0%, #EFC5D1 100%);
  --hero-text: #333333;
  --hero-p-opacity: 0.8;

  --store-bg: #333333;
  --store-text: #FFFFFF;
}

/* Nav accent */
nav { border-bottom-color: #F2DDE3; }
.nav-links a:hover, .nav-links a.active { color: #803450; }

/* Divider */
.divider { background: #FFD8E4; }

/* Muted store badge for platforms not yet available */
.btn-store-soon {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}

/* Feature card backgrounds — tonal variants from seed */
.features-grid .feature-card:nth-child(1) { background: #FFD8E4; } /* primaryContainer   */
.features-grid .feature-card:nth-child(2) { background: #F8DDE0; } /* secondaryContainer */
.features-grid .feature-card:nth-child(3) { background: #FFDCBE; } /* tertiaryContainer  */
.features-grid .feature-card:nth-child(4) { background: #FFD8E4; } /* primaryContainer   */