/**
 * Agentfy — design tokens (CSS custom properties).
 * Framework-agnostic. Import once, then use var(--af-*) anywhere.
 * Tailwind v4: paste these into an @theme block (rename to --color-*).
 */
:root {
  /* Brand */
  --af-brand-primary: #5FC8EE;
  --af-brand-secondary: #4FA3D1;
  --af-brand-dark: #67959D;

  /* Surfaces */
  --af-bg: #F6F8F6;
  --af-card: #FFFFFF;
  --af-alt: #EDF8FC;

  /* Accents */
  --af-gold: #EBCDA3;
  --af-coral: #E5A26B;
  --af-orange: #A05730;

  /* Text */
  --af-heading: #102A43;
  --af-body: #425466;
  --af-muted: #7C8B95;

  /* Gradients */
  --af-grad-brand: linear-gradient(120deg, #5FC8EE, #4FA3D1);
  --af-grad-hero: linear-gradient(180deg, #EDF8FC, #FFFFFF);
  --af-grad-cta: linear-gradient(120deg, #4FA3D1, #5FC8EE);
  --af-grad-warm: linear-gradient(180deg, #F8E6C7, #FFE8C2);
}