/* ──────────────────────────────────────────────
   Husky Paths — Design tokens (from FitScan DS)
   ────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

:root {
  /* Backgrounds */
  --bg-canvas:        #F4F1F5;
  --bg-surface:       #FFFFFF;
  --bg-surface-muted: #EAE5ED;
  --bg-surface-deep:  #1C1424;

  /* Text */
  --fg-primary:   #0F0E0E;
  --fg-secondary: #5A5750;
  --fg-muted:     #A8A69D;
  --fg-inverse:   #FBFAF7;

  /* Borders */
  --border-subtle:  #F0EEE6;
  --border-default: #E4E1D5;

  /* Brand — UW Metallic Gold (secondary accent) */
  --brand-primary:      #B7A57A;
  --brand-primary-deep: #8A7B5C;
  --brand-primary-soft: #F3EFE2;

  /* Accents — UW Husky Purple (primary accent) */
  --accent-coral:      #4B2E83;
  --accent-coral-deep: #2A1A4E;
  --accent-coral-soft: #ECE5F5;
  --accent-blue:       #6A9BCC;
  --accent-blue-soft:  #DBE7F2;
  --accent-ochre:      #B45309;

  /* Type */
  --font-sans:  'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Lora', Georgia, serif;

  /* Spacing */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;
  --space-4: 16px;  --space-5: 20px;  --space-6: 24px;
  --space-7: 32px;  --space-8: 40px;  --space-9: 56px;

  /* Radii */
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 6px   rgba(92, 89, 79, 0.06);
  --shadow-md: 0 4px 16px  rgba(92, 89, 79, 0.08);
  --shadow-lg: 0 10px 28px rgba(92, 89, 79, 0.12);

  /* Motion */
  --press-scale: 0.97;
  --dur-fast:    160ms;
  --dur-normal:  280ms;
  --dur-slow:    480ms;
  --ease-out:    cubic-bezier(0.25, 1, 0.5, 1);
}