/**
 * Firefly.world color palette – bb-theme-child
 * Extracted from live site CSS; use these variables for consistency.
 */

:root {
  /* Primary */
  --ff-primary: #17224b;
  --ff-accent: #dffd26;
  --ff-white: #fff;
  --ff-black: #000;
  --ff-text-dark: #111;

  /* Accent – lavender / purple (buttons, backgrounds) */
  --ff-lavender: #cfc7ff;
  --ff-lavender-hover: #d9d2ff;
  --ff-lavender-active: #b6aaf7;
  --ff-lavender-disabled: #ece9ff;
  --ff-lavender-bg: #e2ddff;
  --ff-lavender-border: #e1ddfc;

  /* Accent – yellow/green (primary CTA) */
  --ff-accent-hover: #eaff68;
  --ff-accent-active: #b6d300;

  /* Secondary / neutral buttons */
  --ff-gray-btn: #d3d3d5;
  --ff-gray-btn-hover: #e0e0e0;
  --ff-gray-btn-active: #c0c1c4;
  --ff-gray-btn-disabled: #e9e9e9;

  /* Dark UI */
  --ff-dark: #252528;

  /* Validation / error */
  --ff-error: #ff3d00;

  /* Neutrals – text & borders */
  --ff-placeholder: #898989;
  --ff-border: #d2d2d7;
  --ff-muted: #aaaab0;
  --ff-muted-dark: #6b6d78;

  /* Backgrounds */
  --ff-bg-light: #f0f1f2;
  --ff-bg-lavender: #eafeff;

  /* Transparent variants */
  --ff-black-75: rgba(0, 0, 0, 0.749);
  --ff-black-20: rgba(0, 0, 0, 0.2);
  --ff-black-10: rgba(0, 0, 0, 0.102);
  --ff-black-08: rgba(0, 0, 0, 0.08);
  --ff-primary-60: rgba(23, 34, 75, 0.6);
  --ff-lavender-60: rgba(207, 199, 255, 0.6);
  --ff-gray-60: hsla(0, 0%, 91%, 0.6);
}