/* -------------------------------------------------------- */
/* 🔹 App Colors                                            */
/* -------------------------------------------------------- */
/* Semantic colors that sit outside the color scheme         */
/* Mirrors app_colors.dart — only what the site uses         */


:root {
  /* cardFill */
  --color-card-fill: #F4F4F2;

  /* Secondary text — subtitles, counts, captions.
     The app's subtitleColor fades onSurfaceVariant (#64748B) to 85%, which
     measures 3.3:1 on cardFill. Even undimmed it only reaches 4.3:1 there.
     This is that slate darkened until it clears WCAG AA on both surfaces:
     4.9:1 on cardFill, 5.4:1 on white. The difference is barely visible */
  --color-text-secondary: #5C6B7F;

  /* Hover fade — mirrors PressableOpacity, never a ripple */
  --opacity-pressed: 0.6;
}