/* ============================================================
   FocusFlow — ADHD Clarity theme
   Higher contrast, warmer tones, bold left-border card accents
   (the border is applied in components.css via [data-theme="clarity"]).
   ============================================================ */
[data-theme="clarity"] {
  --color-base: #FFFDF9;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FBF5EC;
  --color-text: #3D4045;
  --color-text-dark: #15171A;
  /* Was #6E7378 — 4.42:1 on --color-surface-alt, just under AA. */
  --color-text-muted: #64696E;
  --color-border: #D9D6CF;

  --color-peach: #F4B79E;
  --color-apricot: #F1C68C;
  --color-butter: #EDD487;
  --color-sage: #A9D4BB;
  --color-sky: #9FC6EE;
  --color-lavender: #C0B8F0;
  --color-mauve: #DCB0D2;
  --color-peach-deep: #E7AA92;
  --color-apricot-deep: #E4B980;
  --color-butter-deep: #E0C77A;
  --color-sage-deep: #9CC7AE;
  --color-sky-deep: #93B9E1;
  --color-lavender-deep: #B3ABE3;
  --color-mauve-deep: #CFA3C5;

  --color-success: #4F9E78;
  --color-warning: #D98742;
  --color-danger: #C85C5C;

  /* Clarity pushes contrast further than pastel by design. */
  --badge-danger-bg: #FBDFDF;   --badge-danger-fg: #6B1F1F;
  --badge-warning-bg: #FBE6D2;  --badge-warning-fg: #66370B;
  --badge-success-bg: #D4EEDD;  --badge-success-fg: #134C36;

  --accent: var(--color-sky);
}
[data-theme="clarity"] body::before { opacity: 0.35; }
[data-theme="clarity"] .card { box-shadow: var(--shadow-md); }