/* ============================================================
   Ψυχολογικό Check-Up — Design Tokens
   Brand colour, type and radius variables (framework-agnostic)
   ============================================================ */
:root {
  /* —— Sage (primary) —————————————————————————— */
  --sage-50:  #f1f3ec;
  --sage-100: #e1e6d7;
  --sage-200: #c4cdb1;
  --sage-300: #a6b48b;
  --sage-400: #8d9d72;
  --sage-500: #768760;   /* primary */
  --sage-600: #5e6d4d;
  --sage-700: #475339;
  --sage-800: #313927;
  --sage-900: #1d2117;

  /* —— Cream (surfaces) ———————————————————————— */
  --cream-50:  #fbf8f1;
  --cream-100: #f5f1e6;  /* page background */
  --cream-200: #ece5d2;
  --cream-300: #ddd4bb;

  /* —— Tan (accent) ——————————————————————————— */
  --tan-300: #d8c39a;
  --tan-400: #c5a572;    /* accent */
  --tan-500: #a98955;
  --tan-600: #87693d;

  /* —— Ink (text) ————————————————————————————— */
  --ink-300: #a9ac9f;
  --ink-500: #6c6f64;
  --ink-700: #3a3d33;
  --ink-900: #1f2118;

  /* —— Semantic ——————————————————————————————— */
  --brand-success: #5e6d4d;
  --brand-info:    #6f8aa6;
  --brand-warning: #c5a572;
  --brand-danger:  #a8584e;

  /* —— Type ————————————————————————————————————— */
  --font-serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --font-sans:  "Manrope", system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* —— Radius / elevation ——————————————————————— */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;
  --shadow-sm: 0 1px 2px rgba(31,33,24,.06);
  --shadow:    0 12px 32px -18px rgba(31,33,24,.22);
}