/* Default Tafra palette.
   Keep this file small: it only overrides color decisions from tafra-tokens.css. */

:root[data-tf-palette="default"] {
  --tf-color-primary: #3b5ba8;
  --tf-color-primary-hover: #2d4690;
  --tf-color-primary-soft: rgba(59, 91, 168, 0.10);

  --tf-color-secondary: #2ec4c4;
  --tf-color-secondary-hover: #22a0a0;
  --tf-color-secondary-soft: rgba(46, 196, 196, 0.12);

  --tf-color-info: var(--tf-color-secondary);
  --tf-color-info-soft: var(--tf-color-secondary-soft);
  --tf-color-cta: #ff6b35;
  --tf-color-cta-hover: #e05520;

  --tf-gradient-brand: linear-gradient(135deg, var(--tf-color-primary) 0%, var(--tf-color-secondary) 100%);
  --tf-gradient-brand-soft: linear-gradient(135deg, rgba(59, 91, 168, 0.08) 0%, rgba(46, 196, 196, 0.08) 100%);
  --tf-gradient-sky: linear-gradient(180deg, #5bafd6 0%, var(--tf-color-secondary) 100%);
  --tf-gradient-sunrise: linear-gradient(90deg, var(--tf-color-cta) 0%, #ffb86b 100%);
}

:root[data-tf-palette="default"][data-theme="dark"] {
  --tf-color-primary: #6b8fe8;
  --tf-color-primary-hover: #90aaff;
  --tf-color-primary-soft: rgba(107, 143, 232, 0.14);

  --tf-color-secondary: #3ddada;
  --tf-color-secondary-hover: #5eeaea;
  --tf-color-secondary-soft: rgba(61, 218, 218, 0.14);

  --tf-color-info: var(--tf-color-secondary);
  --tf-color-info-soft: var(--tf-color-secondary-soft);
  --tf-color-cta: #ff8a57;
  --tf-color-cta-hover: #ff7040;
}