/*
 * ============================================================
 * Mobile Paytakht — SITE theme (LIVE)
 * Color palettes are controlled in Admin → Settings → Color themes.
 * Use this file for layout tweaks that should use CSS variables.
 * ============================================================
 */

/* Page background & base text (follows active color theme) */
body {
  background: linear-gradient(160deg, var(--bg-deep) 0%, var(--bg-mid) 40%, var(--bg-purple) 100%) !important;
  background-attachment: fixed !important;
  color: var(--text) !important;
}

/* Section titles on homepage */
.section-title {
  color: var(--purple);
}

.section-subtitle {
  color: var(--text-muted);
}

/* Announcement banner (from partials/announcement.html) */
.site-announcement {
  background: color-mix(in srgb, var(--cyan) 12%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--cyan) 25%, transparent);
  color: var(--text);
}