/*
 * Team Matrix design system: tokens.css
 * Generated by build.py from tokens/team-matrix.tokens.json. Do not edit by hand.
 * Dark theme only. FIRST Tech Challenge Team #20870.
 */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@400;500;600;700&display=swap");

:root {
  color-scheme: dark;
  --tm-ink: #0E0C14;
  --tm-violet-700: #513899;
  --tm-violet-400: #A58BFF;
  --tm-violet-200: #D2C4FF;
  --tm-lavender-100: #D9D5E2;
  --tm-lavender-300: #A6A3AE;
  --tm-white: #FFFFFF;
  --tm-indigo-logo: #1A0A41;
  --tm-indigo-600: #3B2585;
  --tm-violet-450: #9E7CFF;
  --tm-ink-raised: #1A142C;
  --tm-amber-400: #FFB547;
  --tm-rose-400: #FF7A93;
  --tm-alliance-red: #FF5A6E;
  --tm-alliance-blue: #4D8DFF;

  --tm-bg-main: #0E0C14;
  --tm-bg-second: #513899;
  --tm-bg-subtle: #1A142C;
  --tm-bg-logo: #1A0A41;
  --tm-text-heading: #FFFFFF;
  --tm-text-body: #D9D5E2;
  --tm-text-muted: #A6A3AE;
  --tm-text-on-accent: #0E0C14;
  --tm-accent-default: #A58BFF;
  --tm-accent-on-second: #D2C4FF;
  --tm-border-default: rgba(217, 213, 226, 0.14);
  --tm-border-strong: rgba(217, 213, 226, 0.32);
  --tm-border-focus: #FFFFFF;
  --tm-status-warning: #FFB547;
  --tm-status-danger: #FF7A93;
  --tm-alliance-red: #FF5A6E;
  --tm-alliance-blue: #4D8DFF;

  --tm-gradient-brand: radial-gradient(80% 90% at 17% 27%, #9E7CFF 0%, #3B2585 45%, #1A0A41 100%);

  --tm-font-heading: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --tm-font-body: Poppins, "Segoe UI", Arial, sans-serif;
  --tm-weight-heading: 400;
  --tm-weight-regular: 400;
  --tm-weight-medium: 500;
  --tm-weight-semibold: 600;
  --tm-weight-bold: 700;
  --tm-size-display: 96px;
  --tm-size-h1: 68px;
  --tm-size-h2: 48px;
  --tm-size-h3: 34px;
  --tm-size-h4: 25px;
  --tm-size-body-lg: 18px;
  --tm-size-body: 16px;
  --tm-size-small: 14px;
  --tm-size-caption: 12px;

  --tm-space-1: 4px;
  --tm-space-2: 8px;
  --tm-space-3: 12px;
  --tm-space-4: 16px;
  --tm-space-5: 20px;
  --tm-space-6: 24px;
  --tm-space-8: 32px;
  --tm-space-10: 40px;
  --tm-space-12: 48px;
  --tm-space-16: 64px;
  --tm-space-24: 96px;
  --tm-radius-sm: 6px;
  --tm-radius-md: 12px;
  --tm-radius-lg: 20px;
  --tm-radius-pill: 999px;
  --tm-shadow-card: 0px 12px 32px -12px rgba(0, 0, 0, 0.45);
  --tm-shadow-glow: 0px 8px 28px -8px rgba(165, 139, 255, 0.45);
  --tm-duration-fast: 120ms;
  --tm-duration-base: 220ms;
  --tm-duration-slow: 400ms;
  --tm-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}