/* Global color system (modern / minimal / healing) */

:root {
  /* Brand */
  --primary-color: #e8b4a0; /* warm peach */
  --secondary-color: #d4a5a5; /* rose */
  --accent-color: #a8c8a8; /* sage */

  /* Neutrals / surfaces */
  --bg-primary: #fef7f0; /* warm off-white */
  --bg-secondary: #f8f2e8; /* soft beige */
  --bg-tertiary: #f0e6d2; /* sand */
  --bg-card: rgba(255, 255, 255, 0.82);

  /* Text */
  --text-primary: #5d4e37; /* deep warm brown */
  --text-secondary: #8b7355;
  --text-light: #a68b5b;
  --text-white: #ffffff;

  /* Lines / shadows */
  --border-color: rgba(232, 180, 160, 0.35);
  --shadow-soft: 0 4px 20px rgba(93, 78, 55, 0.08);
  --shadow-medium: 0 10px 30px rgba(93, 78, 55, 0.10);
  --shadow-strong: 0 18px 45px rgba(93, 78, 55, 0.14);

  /* Gradients */
  --gradient-warm: linear-gradient(135deg, #e8b4a0, #d4a5a5);
  --gradient-soft: linear-gradient(135deg, #fef7f0, #f0e6d2);
  --gradient-healing: linear-gradient(135deg, #a8c8a8, #c8a2c8);
}

/* Default page backdrop */
body {
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* Selection */
::selection {
  background: rgba(232, 180, 160, 0.55);
  color: var(--text-primary);
}