/* Spectrum Connect brand tokens
 * Generated from src/app/globals.css — do not edit directly.
 * To update: edit globals.css, then run: npm run gen:brand
 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Caveat:wght@400;600;700&display=swap');

:root {
  /* ─── Colors ────────────────────────────────────────────────── */
  --navy:               #1D2B5B;
  --navy-dark:          #131D40;
  --teal-deep:          #1F7274;
  --teal:               #2E9C9C;
  --teal-soft:          #6FB9B9;
  --mint:               #CFE6E0;
  --mint-soft:          #E4F1ED;
  --orange:             #F29A2E;
  --orange-deep:        #D67E14;
  --orange-soft:        #FBE3C2;
  --peach:              #F2D2C7;
  --peach-deep:         #E4B5A6;
  --sage:               #A9C98B;
  --sage-soft:          #D4E4BF;
  --cream:              #F8EFDC;
  --cream-soft:         #FBF6E8;
  --body:               #2A2F40;
  --muted:              #6B7280;
  --ink:                #1A1F2E;

  /* ─── Font families ─────────────────────────────────────────── */
  --font-display:       var(--font-jakarta), "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-sans:          var(--font-plex), "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-script:        var(--font-caveat), "Caveat", "Bradley Hand", cursive;
  --font-heading:       var(--font-display);
  --font-mono:          ui-monospace, "SF Mono", Menlo, monospace;

  /* ─── Weights ───────────────────────────────────────────────── */
  --weight-light:       300;
  --weight-regular:     400;
  --weight-medium:      500;
  --weight-semibold:    600;
  --weight-bold:        700;
  --weight-extra:       800;
  --weight-black:       900;

  /* ─── Type sizes ─────────────────────────────────────────────── */
  --text-xs:            0.75rem;
  --text-sm:            0.875rem;
  --text-base:          1rem;
  --text-lg:            1.125rem;
  --text-xl:            1.25rem;
  --text-2xl:           1.5rem;
  --text-3xl:           1.875rem;
  --text-4xl:           2.25rem;
  --text-5xl:           3rem;
  --text-6xl:           3.75rem;
  --text-7xl:           4.5rem;

  /* ─── Line heights ───────────────────────────────────────────── */
  --leading-tight:      1.15;
  --leading-snug:       1.3;
  --leading-normal:     1.55;
  --leading-relaxed:    1.7;

  /* ─── Tracking ───────────────────────────────────────────────── */
  --tracking-wide:      0.04em;
  --tracking-widest:    0.08em;

  /* ─── Shadows ───────────────────────────────────────────────── */
  --shadow-card:        0 6px 24px -8px rgba(29, 43, 91, 0.10);
  --shadow-soft:        0 1px 3px rgba(29, 43, 91, 0.05);

  /* ─── Motion ────────────────────────────────────────────────── */
  --ease-soft:          cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-organic:       cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:           180ms;
  --dur-base:           260ms;
}