@font-face {
  font-family: "Athletics";
  src: url("./assets/fonts/athletics-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Athletics";
  src: url("./assets/fonts/athletics-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Athletics";
  src: url("./assets/fonts/athletics-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Athletics";
  src: url("./assets/fonts/athletics-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Official team.blue brand */
  --brand-blue: #1447dc;
  --brand-electric-blue: #352bff;
  --brand-cyan: #12c8ff;
  --brand-purple: #7500eb;
  --brand-dot: #17ace3;
  --brand-logo-navy: #1c3f6e;
  --brand-black: #261e3d;
  --brand-white: #ffffff;

  /* Tensic aliases: no independent palette */
  --tensic-mark: var(--brand-blue);
  --tensic-wordmark: var(--brand-black);
  --tensic-active: var(--brand-blue);
  --tensic-commercial: var(--brand-purple);
  --tensic-signal: var(--brand-dot);

  /* Text */
  --text-heading: #261e3d;
  --text-body: #5d576e;
  --text-inverse: #ffffff;
  --text-muted: rgba(38, 30, 61, 0.75);
  --text-link: #1038ac;
  --text-link-hover: #092062;

  /* Surfaces */
  --bg-page: #f0f0f0;
  --bg-card: #fbfbfb;
  --bg-white: #ffffff;
  --bg-dark: #261e3d;
  --bg-dark-navy: #162333;
  --bg-soft-blue: #eff6ff;

  /* Borders */
  --border-base: #f0f0f0;
  --border-strong: #cdcdcd;
  --border-card: #f0f0f0;

  /* Semantic */
  --success: #208335;
  --success-bg: #e7f2e9;
  --error: #c11829;
  --error-bg: #f9eaec;
  --warning: #ad4000;
  --warning-bg: #f7ece6;
  --info: #1447dc;
  --info-bg: #e9ecf4;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);

  /* Typography */
  --font-base: Athletics, "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fs-h1: 3rem;
  --fs-h2: 1.75rem;
  --fs-h3: 1.25rem;
  --fs-h4: 1.125rem;
  --fs-h5: 1rem;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  /* Spacing */
  --size-4: 0.25rem;
  --size-8: 0.5rem;
  --size-12: 0.75rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-32: 2rem;
  --size-40: 2.5rem;
  --size-48: 3rem;
  --size-64: 4rem;
  --size-96: 6rem;

  /* Shape */
  --radius-pill: 9999px;
  --radius-sm: 0.25rem;
  --radius-card: 1.25rem;
  --radius-card-lg: 2.5rem;
  --radius-round: 3rem;

  /* Gradients */
  --gradient-cyan-purple: linear-gradient(135deg, #00eaff 0%, #17a0db 30%, #352bff 70%, #830cff 100%);
  --gradient-blue-purple: linear-gradient(135deg, #005eff 0%, #830cff 100%);
  --gradient-brand-ui: linear-gradient(170deg, rgb(47, 129, 255) 10%, #1447dc 50%, #7500eb 90%);
}