/*
Theme Name: MyDNAdecoded
Theme URI: https://mydnadecoded.net
Author: Precision Genomics Solutions LLC
Description: Lightweight block theme for MyDNAdecoded — Your DNA, decoded. Purple/teal brand palette, fluid typography, automatic dark mode. Every part of the homepage is editable in the block editor.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mydnadecoded
*/

/* ---------- Brand custom properties + automatic dark mode ---------- */
:root {
  --mdd-purple: #5B2A86;
  --mdd-teal: #1FB6B0;
  --mdd-ink: #2C2140;
  --mdd-muted: #9C90B8;
  --mdd-bg: #FCFBFE;
  --mdd-surface: #F4F1F9;
  --mdd-text: #2C2140;
  --mdd-text-soft: #5A5070;
  --mdd-border: #E4DEEF;
}

@media (prefers-color-scheme: dark) {
  :root {
    --mdd-bg: #17121F;
    --mdd-surface: #221B2F;
    --mdd-text: #EFEAF7;
    --mdd-text-soft: #B9AECF;
    --mdd-border: #372C4A;
    --mdd-purple: #9B6BC9;
  }
}

body {
  background-color: var(--mdd-bg);
  color: var(--mdd-text);
  -webkit-font-smoothing: antialiased;
}

/* Fluid heading scale (backs up theme.json sizes) */
h1 { letter-spacing: -0.02em; }
h2 { letter-spacing: -0.01em; }

/* Soft text utility used by the homepage pattern */
.mdd-soft { color: var(--mdd-text-soft); }

/* Card look for tier/report groups */
.mdd-card {
  background: var(--mdd-surface);
  border: 1px solid var(--mdd-border);
  border-radius: 16px;
}

/* Teal accent rule under section kickers */
.mdd-kicker {
  color: var(--mdd-teal);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.8rem;
}

/* Availability dot for the contact section */
.mdd-dot {
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: var(--mdd-teal);
  margin-right: 0.4em;
  animation: mdd-pulse 2s ease-in-out infinite;
}

@keyframes mdd-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

@media (prefers-reduced-motion: reduce) {
  .mdd-dot { animation: none; }
}

/* Buttons inherit brand colors from theme.json; give them a soft hover */
.wp-block-button__link:hover {
  filter: brightness(1.1);
}