/*
 * QuestPulse — main stylesheet
 *
 * DaisyUI v4 theme overrides + project-wide custom styles.
 * Edit the oklch values below to change the colour palette.
 *
 * oklch reference: oklch(lightness chroma hue)
 *   lightness : 0-1   (0 = black, 1 = white)
 *   chroma    : 0-0.4  (0 = grey, higher = more saturated)
 *   hue       : 0-360  (colour wheel degrees)
 *
 * DaisyUI theme docs: https://daisyui.com/docs/themes/
 */

/* ── Light theme ─────────────────────────────────────────── */
[data-theme="light"] {
  --p:  0.5569 0.1961 255.75;   /* primary           */
  --pf: 0.4481 0.1560 255.75;   /* primary-focus      */
  --pc: 0.9800 0.0142 255.75;   /* primary-content    */

  --s:  0.6480 0.1500 300.00;   /* secondary          */
  --sf: 0.5400 0.1200 300.00;   /* secondary-focus    */
  --sc: 0.9800 0.0100 300.00;   /* secondary-content  */

  --a:  0.7500 0.1800 65.00;    /* accent             */
  --af: 0.6400 0.1500 65.00;    /* accent-focus       */
  --ac: 0.1500 0.0300 65.00;    /* accent-content     */

  --n:  0.3200 0.0200 260.00;   /* neutral            */
  --nf: 0.2300 0.0150 260.00;   /* neutral-focus      */
  --nc: 0.9400 0.0100 260.00;   /* neutral-content    */

  --b1: 1.0000 0.0000 0.00;     /* base-100 (bg)      */
  --b2: 0.9600 0.0030 260.00;   /* base-200           */
  --b3: 0.9200 0.0050 260.00;   /* base-300           */
  --bc: 0.2500 0.0200 260.00;   /* base-content       */

  --su: 0.6500 0.1700 150.00;   /* success            */
  --suc: 0.9800 0.0100 150.00;  /* success-content    */
  --er: 0.5800 0.2000 25.00;    /* error              */
  --erc: 0.9800 0.0100 25.00;   /* error-content      */
  --wa: 0.7500 0.1500 80.00;    /* warning            */
  --wac: 0.1500 0.0200 80.00;   /* warning-content    */
  --in: 0.6000 0.1500 240.00;   /* info               */
  --inc: 0.9800 0.0100 240.00;  /* info-content       */

  --rounded-box: 0.75rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: 0.2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
}


/* ── Typography ──────────────────────────────────────────── */

body {
  font-family: 'Inter', sans-serif;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
}


/* ── Component helpers ───────────────────────────────────── */

/* Coaching chat card */
.coaching-card {
  min-height: 400px;
}

.coaching-messages {
  max-height: 500px;
}

/* Chat message fade-in animation */
.animate-fade-in {
  animation: fadeInUp 0.3s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}