/*
Theme Name: Soulmate By Anna
Theme URI: https://soulmatebyanna.com
Author: Anna
Author URI: https://soulmatebyanna.com
Description: A minimalist, elegant, and serene WordPress theme for psychological counseling. Built with high white space, soft shadows, and a soulful color palette designed to evoke peace, trust, and clarity.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soulmate-by-anna
Tags: counseling, psychology, minimal, elegant, serif, wellness
*/

/* =========================================================
   DESIGN TOKENS
   ========================================================= */
:root {
  /* ── Core Brand ── */
  --color-primary:    #9B4D96;
  --color-secondary:  #C8A2C8;
  --color-highlight:  #E6D0E6;
  --color-surface:    #FAFAF8;    /* warm ivory – calming base */
  --color-text:       #1C1C1C;
  --color-bg:         #FFFFFF;
  --color-muted:      #6B6B6B;
  --color-border:     #E0D0E0;

  /* ── Healing Purple Gradient Stops ── */
  --color-primary-light:  #B86BB3;   /* lifted violet – hover glow */
  --color-lavender:       #D8B4E2;   /* soft lavender – midtone accent */
  --color-lavender-mist:  #F0E6F6;   /* lavender mist – ultra-soft bg */
  --color-plum:           #7A3A76;   /* deep plum – rich depth accent */

  /* ── Accent Palette ── */
  --color-gold:         #C9A84C;   /* warm gold – trust & wisdom */
  --color-gold-light:   #F5EDD3;   /* pale honey – gentle backgrounds */
  --color-teal:         #4A8FA3;   /* soft teal – calm & clarity */
  --color-teal-light:   #D6EEF4;   /* airy aqua – section accents */
  --color-rose:         #D4748A;   /* blush rose – warmth & empathy */
  --color-rose-light:   #FAE8EC;   /* blush mist – subtle highlights */
  --color-sage:         #7DA98A;   /* healing sage green – growth */
  --color-sage-light:   #E2F0E5;   /* pale sage – very subtle bg */

  /* ── Aurora Gradients ── */
  --gradient-hero:       linear-gradient(145deg, #ffffff 0%, #f9f1fb 40%, #f0e6f6 70%, #e8daf0 100%);
  --gradient-aurora:     linear-gradient(135deg, #f0e6f6 0%, #d6eef4 40%, #fae8ec 80%, #f5edd3 100%);
  --gradient-lavender:   linear-gradient(160deg, #f9f1fb 0%, #e6d0e6 100%);
  --gradient-healing:    linear-gradient(135deg, var(--color-lavender-mist) 0%, var(--color-teal-light) 50%, var(--color-rose-light) 100%);
  --gradient-cta:        linear-gradient(135deg, #9B4D96 0%, #7A3A76 50%, #4A8FA3 100%);

  /* ── Ambient Glow Shadows ── */
  --shadow-soft:    0 4px 24px rgba(155, 77, 150, 0.10);
  --shadow-card:    0 8px 40px rgba(155, 77, 150, 0.08);
  --shadow-glow:    0 0 60px rgba(184, 107, 179, 0.18);
  --shadow-teal:    0 8px 32px rgba(74, 143, 163, 0.15);
  --shadow-gold:    0 8px 32px rgba(201, 168, 76, 0.15);
  --shadow-rose:    0 8px 32px rgba(212, 116, 138, 0.15);

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Montserrat', 'Helvetica Neue', sans-serif;

  --radius-sm:   4px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-full: 9999px;

  --transition: 0.35s ease-in-out;
  --max-width: 1200px;
}
