/* Cream, coral and honey: a shared palette across the complete test journey. */
:root {
  --bg: #fff7ed;
  --bg-warm: #ffeddf;
  --card-bg: #fffdf9;
  --card-border: rgba(183,101,63,.16);
  --text-primary: #493027;
  --text-secondary: #806050;
  --text-muted: #896958;
  --accent: #b84d32;
  --accent-light: #e38b57;
  --accent-bg: rgba(203,93,57,.07);
  --progress-track: #f0d9c6;
  --progress-fill: #cc5938;
  --tag-border: #efd0b9;
  --hover-bg: rgba(217,112,65,.06);
  --selected-bg: #fff0e3;
  --selected-border: #d16b43;
  --green-900: #493027;
  --green-800: #b8462e;
  --green-700: #cb6040;
  --green-600: #d87552;
  --green-500: #df8b59;
  --green-400: #e99b77;
  --green-300: #f5c4a3;
  --green-200: #f6d7c4;
  --green-100: #fff0e5;
  --green-50: #fff8f1;
  --border: #eed4c2;
  --border-light: #f3e1d2;
  --card-shadow: 0 3px 18px rgba(151,79,39,.07);
  --card-shadow-lg: 0 6px 28px rgba(151,79,39,.11);
  --shadow-sm: 0 1px 4px rgba(151,79,39,.06);
  --shadow-md: 0 4px 16px rgba(151,79,39,.08);
  --shadow-lg: 0 8px 28px rgba(151,79,39,.12);
}
body.warm-site {
  background: radial-gradient(ellipse at 15% 0%, #ffe6d4 0, transparent 50%),
              radial-gradient(ellipse at 100% 60%, #fff0ce 0, transparent 52%), #fff8f0;
  background-attachment: fixed;
}
::selection { background: #f8c8a4; color: #493027; }
button, a, [role="button"] { -webkit-tap-highlight-color: rgba(204,89,56,.12); }
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,select:focus-visible {
  outline: 3px solid #c45136; outline-offset: 4px;
}
.header-icon,.cover-icon,.intro-icon,.destiny-icon,.result-hero-icon {
  background: linear-gradient(135deg,#c54e33,#e79b5a);
  box-shadow: 0 7px 22px rgba(196,81,54,.2);
}
.home-hub .test-card {
  background: #fffdfa;
  border-color: #f0dac7;
  box-shadow: 0 5px 20px rgba(160,91,53,.07);
}
.home-hub .test-card:hover { transform: translateY(-3px); box-shadow: 0 9px 25px rgba(160,91,53,.13); }
.home-hub .test-card-banner::after { background: linear-gradient(to top,#fffdfa,transparent); }
.card-history .test-card-banner { background: linear-gradient(135deg,#ffe6b8,#f7ce8d); }
.card-city .test-card-banner { background: linear-gradient(135deg,#ffe1ce,#f4b99a); }
.card-ai .test-card-banner { background: linear-gradient(135deg,#fbe0d9,#eeb5ab); }
.card-history .test-card-tag { background:#fff3dc; color:#936025; border-color:#f0d4a4; }
.card-city .test-card-tag { background:#fff0e5; color:#a25334; border-color:#f2d0b8; }
.card-ai .test-card-tag { background:#fff0eb; color:#a14e48; border-color:#f0c8bd; }
.btn-primary,.home-start-btn,.btn:not(.btn-ghost) {
  background: linear-gradient(135deg,#bd482e,#db794b);
  color: #fff;
  box-shadow: 0 5px 18px rgba(189,72,46,.22);
}
.btn-primary:hover,.home-start-btn:hover,.btn:not(.btn-ghost):hover {
  box-shadow: 0 7px 24px rgba(189,72,46,.3);
}
.btn-outline,.btn-ghost { color:#b84d32; border-color:#e7b99d; background:#fffdf9; }
.progress-fill,.quiz-progress-fill { background:linear-gradient(90deg,#c45136,#e7a45b); }
.quiz-option.selected,.opt.sel,.gender-option.selected { background:#fff0e3; border-color:#d16b43; }
.quiz-option:hover,.opt:hover,.gender-option:hover { border-color:#df9d78; }
.cover-signature { text-align:center; color:#896958; font-size:12px; line-height:1.8; margin-top:18px; padding-bottom:20px; }
.footer,.home-footer,.result-footer { color:#896958; }
.home-hub .footer { font-size:13px; }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}