/*
Theme Name: Ahllya Mystic
Theme URI: https://ahllyamystic.com
Author: Ahllya Mystic
Description: Custom theme reproducing the Ahllya Mystic Design artifact (Vedic astrology, numerology, Vastu & manifestation consulting). Phase 1 build: static/marketing pages only.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ahllya-mystic
*/

:root {
  /* Cream / ivory */
  --am-cream-1: #FBF7F0;
  --am-cream-2: #FFFDF9;
  --am-cream-3: #EFE6D8;
  --am-cream-4: #E8DFD0;

  /* Deep purple */
  --am-purple-1: #2E003E;
  --am-purple-2: #1E1830;
  --am-purple-3: #4A0A66;
  --am-purple-4: #6C1594;
  --am-purple-5: #16001F;

  /* Maroon */
  --am-maroon: #921A11;

  /* Gold */
  --am-gold-1: #FCCE07;
  --am-gold-2: #CBB154;

  /* Lavender */
  --am-lavender-1: #EADFF2;
  --am-lavender-2: #F3E8F7;
  --am-lavender-3: #D9C6E3;

  /* Status */
  --am-success: #1F7A4C;
  --am-success-bg: #EAF5EE;

  --am-white: #FFFFFF;

  /* Typography */
  --am-font-display: 'Marcellus', serif;
  --am-font-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --am-font-devanagari: 'Tiro Devanagari Hindi', serif;

  /* Scale */
  --am-radius-sm: 8px;
  --am-radius-md: 16px;
  --am-radius-pill: 999px;
  --am-shadow-card: 0 22px 44px -24px rgba(46, 0, 62, 0.35);
  --am-shadow-soft: 0 10px 22px -12px rgba(46, 0, 62, 0.45);
  --am-max-width: 1200px;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--am-cream-1);
  color: var(--am-purple-2);
  font-family: var(--am-font-body);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }

a { color: var(--am-purple-4); text-decoration: none; }
a:hover { color: var(--am-purple-1); }

h1, h2, h3 {
  font-family: var(--am-font-display);
  font-weight: 400;
  margin: 0 0 16px;
  line-height: 1.15;
}

p { margin: 0 0 16px; }

button { font-family: inherit; }

:focus-visible {
  outline: 3px solid var(--am-gold-1);
  outline-offset: 2px;
}

.am-container {
  max-width: var(--am-max-width);
  margin: 0 auto;
  padding: 0 24px;
}

.am-devanagari { font-family: var(--am-font-devanagari); }

.am-screen-reader-text {
  position: absolute;
  left: -9999px;
}