/* Fair & Square Bookkeeping — Color tokens */
:root {
  /* ---- Base palette ---- */
  --color-purple:          #745684; /* primary brand purple */
  --color-purple-hover:    #925a7f; /* hover / active purple */
  --color-lavender:        #e6d7f9; /* pale lavender — tension sections ONLY */
  --color-dark:            #1a1a1a; /* footer / darkest surface */
  --color-ink:             #3d3d3d; /* body text */
  --color-muted:           #85888f; /* muted / secondary text */
  --color-border:          #c1afcb; /* borders, dividers */
  --color-white:           #ffffff;
  --color-page:            #faf9fb; /* page background — NOT pure white */

  /* ---- Semantic aliases ---- */
  --bg-page:               var(--color-page);
  --bg-surface:            var(--color-white);
  --bg-tension:            var(--color-lavender);
  --bg-footer:             var(--color-dark);

  --text-heading:          var(--color-ink);
  --text-body:             var(--color-ink);
  --text-muted:            var(--color-muted);
  --text-accent:           var(--color-purple);
  --text-on-dark:          var(--color-white);

  --border-default:        var(--color-border);
  --border-strong:         var(--color-purple);

  --action-primary:        var(--color-purple);
  --action-primary-hover:  var(--color-purple-hover);

  /* ---- Card shadow ---- */
  --shadow-card: 0 2px 12px rgba(116, 86, 132, 0.08);
}