/* ==========================================================================
   manana.me Theme — Warm, calming, personal
   Target audience: Overwhelmed individuals, inbox anxiety sufferers
   ========================================================================== */

:root {
  --bg-primary: #fefefe;
  --bg-secondary: #f8f5f2;
  --bg-card: #ffffff;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --accent-alt: #ec4899;
  --accent-calm: #06b6d4;
  --border-color: #e8e0d8;
  --card-border: #e8e0d8;
  --nav-bg: rgba(254, 254, 254, 0.9);
  --nav-border: rgba(232, 224, 216, 0.5);

  /* Unique to .me */
  --gradient-calm: linear-gradient(135deg, #dbeafe, #fce7f3, #e0e7ff);
  --gradient-hero: linear-gradient(180deg, #f8f5f2 0%, #f5f8fa 100%);
}

/* Larger, more breathable typography for calming effect */
body {
  font-size: 1.125rem;
  line-height: 1.7;
}

h1 { font-weight: 600; }
h2 { font-weight: 600; }
h3 { font-weight: 600; }

/* Softer card hover — less aggressive than default */
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -5px rgba(99, 102, 241, 0.1),
              0 4px 10px -3px rgba(0, 0, 0, 0.05);
}

/* Warm CTA button */
.btn--cta {
  background: linear-gradient(135deg, var(--accent), #818cf8);
  box-shadow: 0 8px 25px -5px rgba(99, 102, 241, 0.3);
}

.btn--cta:hover {
  box-shadow: 0 12px 35px -5px rgba(99, 102, 241, 0.4);
}

/* Accent gradient text for .me */
.text-gradient-me {
  background: linear-gradient(135deg, #6366f1, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}