/* =========================================================
   COMPARISON CATEGORY — PALETTE + TONE
   Purpose: clarify distinctions and analytical thinking
   ========================================================= */

/* =========================================================
   CATEGORY PALETTE TOKENS
   ========================================================= */

:root {
  --page-bg: #eafbfb;

  --surface-primary: #ffffff;
  --surface-secondary: #d0f3f3;
  --surface-border: #a8e4e4;

  --text-primary: #00404a;
  --text-secondary: #006b6b;
  --text-muted: #3a8a8a;

  --placeholder-primary: #9dd6d6;
  --placeholder-secondary: #88cccc;
  --placeholder-accent: #7fe3e3;

  --action-primary: #00a7a7;
  --action-accent: #33b8b8;         /* Generated — lighter teal accent, harmonises with action-primary */
  --radius: 8px;                    /* Generated — standard border radius */
  --box-shadow-subtle: rgba(0, 64, 74, 0.15); /* Generated — shadow derived from text-primary */
}