/* =============================================================================
   Mission Ready by Ashford Fitness
   Theme — colour tokens, type scale, spacing
   ============================================================================= */

:root {
  /* ── Colour palette ─────────────────────────────────────────────────── */
  --colour-bg:           #0a0f1a;    /* near-black navy — primary background  */
  --colour-surface:      #111927;    /* slightly lighter card surface          */
  --colour-surface-2:    #1a2535;    /* elevated surface / inputs              */
  --colour-border:       #1e2d42;    /* subtle borders                         */
  --colour-border-light: #2a3f5a;    /* slightly visible dividers              */

  --colour-accent:       #3d7a4f;    /* tactical green — primary accent        */
  --colour-accent-light: #4e9a64;    /* lighter green for hover states         */
  --colour-accent-dim:   #2a5537;    /* darker green for pressed states        */
  --colour-accent-bg:    rgba(61, 122, 79, 0.12); /* subtle green tint         */

  --colour-text:         #f0f4f8;    /* primary white text                     */
  --colour-text-secondary: #8a9bb0;  /* secondary / muted text                 */
  --colour-text-dim:     #5a6e84;    /* very muted — labels, placeholders      */

  --colour-success:      #3d7a4f;    /* same as accent                         */
  --colour-success-bg:   rgba(61, 122, 79, 0.15);
  --colour-warning:      #c9a84c;    /* brass/gold for warnings                */
  --colour-warning-bg:   rgba(201, 168, 76, 0.12);
  --colour-error:        #c94c4c;    /* red for errors                         */
  --colour-error-bg:     rgba(201, 76, 76, 0.12);
  --colour-info:         #4c8bc9;    /* blue for neutral info                  */
  --colour-info-bg:      rgba(76, 139, 201, 0.12);

  /* ── Typography ─────────────────────────────────────────────────────── */
  --font-display:  'Inter', system-ui, -apple-system, sans-serif;
  --font-body:     'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:     'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  --text-xs:    0.7rem;
  --text-sm:    0.8rem;
  --text-base:  0.9rem;
  --text-md:    1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.375rem;
  --text-2xl:   1.75rem;
  --text-3xl:   2.25rem;

  --weight-normal:  400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  --leading-tight:  1.2;
  --leading-snug:   1.4;
  --leading-body:   1.65;

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-wider:  0.12em;

  /* ── Spacing ─────────────────────────────────────────────────────────── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;

  /* ── Radii ───────────────────────────────────────────────────────────── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  /* ── Shadows ─────────────────────────────────────────────────────────── */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 4px 24px rgba(0, 0, 0, 0.5);

  /* ── Transitions ─────────────────────────────────────────────────────── */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}