/* MoveSyn – distinctive identity (ink + amber + editorial) */
:root {
  --ms-ink: #0a0a0f;
  --ms-ink-soft: #1c1917;
  --ms-amber: #c2410c;
  --ms-amber-light: #ea580c;
  --ms-amber-bright: #f97316;
  --ms-cream: #fdfbf7;
  --ms-cream-dark: #f5f0e8;
  --ms-warm: #57534e;
  --ms-warm-muted: #78716c;
  --ms-line: #e7e5e4;
  --ms-success: #dcfce7;
  --ms-error: #b91c1c;
  --ms-radius: 14px;
  --ms-radius-pill: 999px;
  /* Asymmetric: top-left top-right bottom-right bottom-left */
  --ms-radius-card: 20px 20px 6px 20px;
  --ms-shadow: 0 4px 20px rgba(10, 10, 15, 0.06);
  --ms-shadow-accent: 0 8px 24px rgba(194, 65, 12, 0.2);
  --ms-font-heading: 'Fraunces', Georgia, serif;
  --ms-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
}

/* Subtle dot pattern for backgrounds */
.ms-pattern {
  background-color: var(--ms-cream);
  background-image: radial-gradient(circle at 1px 1px, rgba(194, 65, 12, 0.06) 1px, transparent 0);
  background-size: 24px 24px;
}

/* Heading with signature amber underline */
.ms-heading-underline {
  position: relative;
  display: inline-block;
}
.ms-heading-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 48px;
  height: 4px;
  background: linear-gradient(90deg, var(--ms-amber) 0%, var(--ms-amber-light) 100%);
  border-radius: var(--ms-radius-pill);
}