/* MemberClear design tokens.
   Source of truth: Paper file MemberClear2. */

:root {
  /* Colour: neutrals */
  --mc-white: #FFFFFF;
  --mc-grey-50: #F8FAFC;
  --mc-grey-100: #EEF2F6;
  --mc-grey-200: #E2E8F0;
  --mc-grey-300: #CBD5E1;
  --mc-grey-400: #94A3B8; /* Borders and disabled fills only: fails AA for text. */
  --mc-grey-500: #64748B;
  --mc-grey-600: #475569;
  --mc-grey-700: #334155;
  --mc-grey-800: #1E293B;
  --mc-grey-900: #0F1B2D;

  /* Colour: brand */
  --mc-ink: #0F1B2D;
  --mc-teal: #0FA38F;

  /* Colour: semantic */
  --mc-success: #0F7A5C;
  --mc-success-surface: #E6F2EE;
  --mc-warning: #B45309;
  --mc-warning-surface: #FEF3C7;
  --mc-error: #B42318;
  --mc-error-surface: #FEF3F2;
  --mc-info: #1D4ED8;
  --mc-info-surface: #EAF0FE;

  /* Colour: per-client gym accent slot */
  --mc-gym-accent: #1D4ED8;
  --mc-gym-accent-surface: #EAF0FE;

  /* Colour: elevation */
  --mc-shadow: rgb(15 27 45 / 6%);
  --mc-overlay: rgb(15 27 45 / 48%);

  /* Type */
  --mc-font-ui: "Instrument Sans", system-ui, sans-serif;
  --mc-font-display: "Fraunces", serif;
  --mc-font-mono: "JetBrains Mono", monospace;
  --mc-text-micro: 12px;
  --mc-text-caption: 13px;
  --mc-text-small: 14px;
  --mc-text-body: 16px;
  --mc-text-large: 20px;
  --mc-text-title: 24px;
  --mc-text-heading: 32px;
  --mc-text-display: 40px;
  --mc-weight-regular: 400;
  --mc-weight-medium: 500;
  --mc-weight-semibold: 600;
  --mc-weight-bold: 700;
  --mc-leading-heading: 1.2;
  --mc-leading-body: 1.5;
  --mc-tracking-tight: -0.01em;
  --mc-tracking-normal: 0em;

  /* 8-point spacing */
  --mc-space-4: 4px;
  --mc-space-8: 8px;
  --mc-space-12: 12px;
  --mc-space-16: 16px;
  --mc-space-24: 24px;
  --mc-space-32: 32px;
  --mc-space-48: 48px;
  --mc-space-64: 64px;

  /* Radius */
  --mc-radius-control: 8px;
  --mc-radius-card: 12px;
  --mc-radius-pill: 9999px;

  /* Opacity */
  --mc-opacity-disabled: 40%;
  --mc-opacity-muted: 60%;

  /* Layout */
  --mc-breakpoint-mobile: 390px;
  --mc-breakpoint-desktop: 1280px;
  --mc-container-mobile: 390px;
  --mc-container-email: 600px;
  --mc-container-desktop: 1280px;
  --mc-container-content: 1088px;
  --mc-container-card: 480px;
  --mc-container-page: 1100px;
}

/* Money, dates and other aligned figures use Instrument Sans, not mono. */
.mc-tabular {
  font-family: var(--mc-font-ui);
  font-variant-numeric: tabular-nums;
}

/* One-time codes and reference numbers are the only JetBrains Mono uses. */
.mc-code {
  font-family: var(--mc-font-mono);
  font-variant-numeric: tabular-nums;
}