/* ==========================================================
   MOMENTUM FRAMEWORK
   Design Tokens
   ========================================================== */

:root {
   --brand-orange: #E97817;
   --brand-orange-dark: #D96F18;
   --nav-width: 200px;

   /* ======================================================
      TYPOGRAPHY
      ====================================================== */

   --font-size-xs: 0.75rem;
   --font-size-sm: 0.875rem;
   --font-size-md: 1rem;
   --font-size-lg: 1.125rem;
   --font-size-xl: 1.5rem;
   --font-size-2xl: 2rem;
   --font-size-3xl: 3rem;

   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;

   /* ======================================================
       SPACING
       ====================================================== */

   --space-1: 4px;
   --space-2: 8px;
   --space-3: 12px;
   --space-4: 16px;
   --space-5: 24px;
   --space-6: 32px;
   --space-7: 48px;
   --space-8: 64px;

   /* ======================================================
       BORDER RADIUS
       ====================================================== */

   --radius-sm: 6px;
   --radius-md: 10px;
   --radius-lg: 16px;
   --radius-xl: 24px;
   --radius-round: 999px;

   /* ======================================================
       LAYOUT
       ====================================================== */

   --header-height: 64px;
   --footer-height: 40px;

   /* ======================================================
   COMPONENTS
   ====================================================== */

   --button-width: 140px;
   --button-height: 42px;

   --input-height: 42px;

   --input-padding-x: var(--space-4);
   --input-padding-y: var(--space-3);

   --panel-padding: var(--space-5);
   --panel-header-padding: var(--space-4) var(--space-5);

   /* ======================================================
       BORDERS
       ====================================================== */

   --border-width: 1px;

   --border-light: #eeeeee;
   --border: #dddddd;
   --border-dark: #cccccc;

   /* ======================================================
       TRANSITIONS
       ====================================================== */

   --transition-fast: .15s ease;
   --transition-normal: .25s ease;

   /* ==========================================
   Layout
========================================== */

   --mmContainerWidth: 1200px;

   --mmWelcomePaddingTop: 7rem;
   --mmWelcomePaddingBottom: 12rem;

   --mmSectionPadding: 5rem;

   --view-padding-1: 0.5rem;
   --view-padding-2: 1.0rem;
   --view-padding-3: 1.5rem;
   --view-padding-4: 2.0rem;
   --view-padding-5: 2.5rem;

   --dashboard-gap: 1.75rem;
   --score-panel-width: 240px;
}