/* ============================================================
   FLEWLT - DESIGN TOKENS
   Source of truth for shared colors, typography, spacing, radii,
   shadows, transitions, and legacy aliases.
   ============================================================ */

:root {
  --font-family-body: "DM Sans", Helvetica, sans-serif;
  --font-family-heading: "DM Sans", Helvetica, sans-serif;
  --font-family-caption: "DM Sans", Helvetica, sans-serif;

  --font-size-xxs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  --coresky-blue: rgba(0, 113, 206, 1);
  --corewaypoint-coral: rgba(245, 79, 94, 1);
  --corerunway-yellow: rgba(255, 183, 27, 1);

  --Core-Cruise-Blue: #005AB6;
  --Core-Altitude-Blue: #062F87;
  --Core-Jet-Black: #26262A;
  --Core-Pure-White: #FFFFFF;
  --Core-Skyline-Gradient: linear-gradient(124deg, rgba(0, 113, 206, 0.80) -8.3%, #005AB6 43.6%, #062F87 97.5%);

  --tintsblue-80: rgba(51, 141, 216, 1);
  --tintsblue-60: rgba(102, 170, 226, 1);
  --tintsblue-40: rgba(153, 198, 235, 1);
  --tintsblue-20: rgba(204, 227, 245, 1);
  --tintsblue-10: rgba(229, 241, 250, 1);
  --tintsblue-2: rgba(250, 252, 254, 1);
  --Tints-Blue-80: #338DD8;
  --Tints-Blue-60: #66AAE2;
  --Tints-Blue-40: #99C6EB;
  --Tints-Blue-20: #CCE3F5;
  --Tints-Blue-10: #E5F1FA;
  --Tints-Blue-2: rgba(250, 252, 254, 1);

  --Chart-Blue-1: var(--Core-Altitude-Blue, #062F87);
  --Chart-Blue-2: var(--Tints-Blue-60, #66AAE2);
  --Chart-Blue-3: var(--Core-Cruise-Blue, #005AB6);
  --Chart-Blue-4: var(--Tints-Blue-40, #99C6EB);
  --Chart-Blue-5: var(--coresky-blue, #0071CE);
  --Chart-Blue-6: var(--Tints-Blue-20, #CCE3F5);
  --Chart-Blue-7: var(--Tints-Blue-80, #338DD8);

  --tintscoral-80: rgba(247, 114, 126, 1);
  --tintscoral-60: rgba(249, 149, 158, 1);
  --tintscoral-40: rgba(251, 185, 191, 1);
  --tintscoral-20: rgba(253, 220, 223, 1);
  --tintscoral-10: rgba(254, 237, 239, 1);
  --Tints-Coral-80: #F7727E;
  --Tints-Coral-60: #F9959E;
  --Tints-Coral-40: #FBB9BF;

  --tintsyellow-80: rgba(255, 197, 73, 1);
  --tintsyellow-60: rgba(255, 212, 118, 1);
  --tintsyellow-40: rgba(255, 226, 164, 1);
  --tintsyellow-20: rgba(255, 241, 209, 1);
  --tintsyellow-10: rgba(255, 248, 232, 1);
  --Tints-Yellow-80: #FFC549;
  --Tints-Yellow-60: #FFD476;
  --Tints-Yellow-40: #FFE2A4;

  --Tints-Purple-80: #B36CF8;
  --Tints-Purple-60: #BF84FA;
  --Tints-Purple-40: #D4AAFC;

  --Tints-Mint-Green-80: #3DD0A1;
  --Tints-Mint-Green-60: #6ADCB8;
  --Tints-Mint-Green-40: #97E8CE;

  --Tints-Tangerine-80: #FF9865;
  --Tints-Tangerine-60: #FFB28C;
  --Tints-Tangerine-40: #FFCBB2;

  --Badge-Milestone-250: #FAA660;
  --Badge-Milestone-500: #F68460;
  --Badge-Milestone-1000: #F26962;

  --neutralscloud-blue: rgba(241, 247, 254, 1);
  --neutralsmist-white: rgba(250, 250, 250, 1);
  --neutralssoft-gray: rgba(247, 247, 247, 1);
  --neutralslight-gray: rgba(241, 241, 241, 1);
  --neutralsrunway-gray: rgba(196, 196, 196, 1);
  --neutralsplaceholder: rgba(142, 142, 147, 1);
  --neutralspanel-gray: rgba(98, 98, 98, 1);
  --neutralsmidnight-black: rgba(3, 25, 6, 1);
  --neutralsoverlay: rgba(38, 38, 42, 0.4);

  --Neutrals-Cloud-Blue: #F1F7FE;
  --Neutrals-Light-Gray: #F1F1F1;
  --Neutrals-Runway-Gray: #C4C4C4;
  --Neutrals-Placeholder: #8E8E93;
  --Neutrals-Panel-Gray: #626262;
  --Neutrals-Overlay: rgba(38, 38, 42, 0.40);
  --Gray: #8E8E93;

  --successgreen-100: rgba(27, 94, 32, 1);
  --successgreen-80: rgba(56, 142, 60, 1);
  --successgreen-60: rgba(76, 175, 80, 1);
  --successgreen-40: rgba(129, 199, 132, 1);
  --successgreen-20: rgba(201, 241, 202, 1);
  --successgreen-10: rgba(239, 255, 240, 1);
  --successgreen-5: rgba(237, 247, 237, 1);

  --errorred-100: rgba(199, 1, 1, 1);
  --errorred-80: rgba(241, 0, 0, 1);
  --errorred-60: rgba(255, 44, 44, 1);
  --errorred-40: rgba(255, 107, 107, 1);
  --errorred-20: rgba(255, 209, 221, 1);
  --errorred-10: rgba(255, 239, 239, 1);
  --errorred-3: rgba(253, 247, 247, 1);
  --Error-Red-100: #C70101;
  --Error-Red-10: #FFEFEF;
  --Error-Red-3: #FDF7F7;

  --sky-blue: #0071CE;
  --cruise-blue: #005AB6;
  --altitude-blue: #062F87;
  --jet-black: #26262A;
  --waypoint-coral: #F05F6E;
  --runway-yellow: #FFBB15;

  --bg: #FAFCFE;
  --card: #FFFFFF;
  --cloud-blue: #F1F7FE;
  --mist-white: #FAFAFA;
  --blue-10: #F1F7FE;
  --blue-20: #CCE4F6;
  --blue-40: #99C6EB;
  --blue-lt: #F1F7FE;
  --blue: #0071CE;
  --blue-1: #0057F5;
  --blue-2: #003F91;
  --ink: #26262A;
  --muted: #626262;
  --panel-gray: #626262;
  --runway-gray: #A0A8B8;
  --border: #F1F1F1;
  --soft-gray: #F1F1F1;
  --neutral-10: #486284;
  --coral-10: #FDE9EB;
  --coral-20: #FBD4D8;
  --green: #1A7A2E;
  --green-10: #E8F5EB;
  --red: #CC0000;
  --red-10: #FFE5E5;
  --indigo: #4f46e5;
  --violet: #7c3aed;
  --amber: #f59e0b;
  --amber-dark: #d97706;
  --cyan: #06b6d4;

  --grad-sky: linear-gradient(140deg, rgba(0, 113, 206, 0.8) 4%, rgba(0, 90, 182, 1) 30%, rgba(6, 47, 135, 1) 57%);
  --grad-brand: var(--grad-sky);
  --grad-footer: linear-gradient(135deg, #0057F5 0%, #004FC4 40%, #003491 100%);
  --grad-amber: linear-gradient(135deg, #f59e0b, #d97706);
  --blue-glow: rgba(0, 87, 245, .20);

  --shadow-xs: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
  --shadow-sm: 10px 12px 40px 4px rgba(0, 90, 182, 0.06);
  --shadow-md: 0 6px 24px rgba(0, 90, 182, 0.13);
  --shadow-lg: 0 16px 48px rgba(0, 90, 182, 0.18);
  --effect-70: 10px 12px 40px 4px rgba(0, 90, 182, 0.06);
  --effect-80: 0px 2px 12px 0px rgba(0, 90, 182, 0.08);
  --effect-100: 0px 1px 12px 0px rgba(0, 0, 0, 0.25);

  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 40px;
  --r-2xl: 40px;
  --Semi-rounded: 12px;

  --t-fast: 0.15s ease;
  --t-normal: 0.22s ease;

  --button-general-bg: #FFFFFF;
  --button-general-outline: #F7F7F7;
  --xflewit-bg: rgba(38, 38, 42, 0.4);
  --xflewit-radius: 12px;

  --label-sm-semibold-font-family: "DM Sans", Helvetica;
  --label-sm-semibold-font-weight: 600;
  --label-sm-semibold-font-size: 8px;
  --label-sm-semibold-letter-spacing: 0.02px;
  --label-sm-semibold-line-height: 120.00000476837158%;
  --label-sm-semibold-font-style: normal;
  --label-sm-reg-font-family: "DM Sans", Helvetica;
  --label-sm-reg-font-weight: 400;
  --label-sm-reg-font-size: 8px;
  --label-sm-reg-letter-spacing: 0.02px;
  --label-sm-reg-line-height: 120.00000476837158%;
  --label-sm-reg-font-style: normal;

  --caption-sm-font-family: "DM Sans", Helvetica;
  --caption-sm-font-weight: 300;
  --caption-sm-font-size: 10px;
  --caption-sm-letter-spacing: 0.025px;
  --caption-sm-line-height: 120.00000476837158%;
  --caption-sm-font-style: normal;
  --caption-sm-reg-font-family: "DM Sans", Helvetica;
  --caption-sm-reg-font-weight: 400;
  --caption-sm-reg-font-size: 10px;
  --caption-sm-reg-letter-spacing: 0.025px;
  --caption-sm-reg-line-height: 120.00000476837158%;
  --caption-sm-reg-font-style: normal;
  --caption-sm-semibold-font-family: "DM Sans", Helvetica;
  --caption-sm-semibold-font-weight: 600;
  --caption-sm-semibold-font-size: 10px;
  --caption-sm-semibold-letter-spacing: 0.025px;
  --caption-sm-semibold-line-height: 120.00000476837158%;
  --caption-sm-semibold-font-style: normal;

  --body-lg-font-family: "DM Sans", Helvetica;
  --body-lg-font-weight: 400;
  --body-lg-font-size: 20px;
  --body-lg-letter-spacing: 0.4px;
  --body-lg-line-height: 120.00000476837158%;
  --body-lg-font-style: normal;
  --body-lg-bold-font-family: "DM Sans", Helvetica;
  --body-lg-bold-font-weight: 600;
  --body-lg-bold-font-size: 20px;
  --body-lg-bold-letter-spacing: 0.4px;
  --body-lg-bold-line-height: 120.00000476837158%;
  --body-lg-bold-font-style: normal;
  --body-md-font-family: "DM Sans", Helvetica;
  --body-md-font-weight: 400;
  --body-md-font-size: 16px;
  --body-md-letter-spacing: 0.32px;
  --body-md-line-height: 120.00000476837158%;
  --body-md-font-style: normal;
  --body-md-bold-font-family: "DM Sans", Helvetica;
  --body-md-bold-font-weight: 600;
  --body-md-bold-font-size: 16px;
  --body-md-bold-letter-spacing: 0.32px;
  --body-md-bold-line-height: 120.00000476837158%;
  --body-md-bold-font-style: normal;
  --body-sm-font-family: "DM Sans", Helvetica;
  --body-sm-font-weight: 400;
  --body-sm-font-size: 14px;
  --body-sm-letter-spacing: 0.28px;
  --body-sm-line-height: 125%;
  --body-sm-font-style: normal;
  --body-sm-bold-font-family: "DM Sans", Helvetica;
  --body-sm-bold-font-weight: 600;
  --body-sm-bold-font-size: 14px;
  --body-sm-bold-letter-spacing: 0.28px;
  --body-sm-bold-line-height: 120.00000476837158%;
  --body-sm-bold-font-style: normal;
  --body-xs-light-font-family: "DM Sans", Helvetica;
  --body-xs-light-font-weight: 300;
  --body-xs-light-font-size: 12px;
  --body-xs-light-letter-spacing: 0.24px;
  --body-xs-light-line-height: 125%;
  --body-xs-light-font-style: normal;
  --body-xs-reg-font-family: "DM Sans", Helvetica;
  --body-xs-reg-font-weight: 400;
  --body-xs-reg-font-size: 12px;
  --body-xs-reg-letter-spacing: 0.24px;
  --body-xs-reg-line-height: 125%;
  --body-xs-reg-font-style: normal;
  --body-xs-bold-font-family: "DM Sans", Helvetica;
  --body-xs-bold-font-weight: 600;
  --body-xs-bold-font-size: 12px;
  --body-xs-bold-letter-spacing: 0.24px;
  --body-xs-bold-line-height: 120.00000476837158%;
  --body-xs-bold-font-style: normal;

  --heading-xl-font-family: "DM Sans", Helvetica;
  --heading-xl-font-weight: 600;
  --heading-xl-font-size: 40px;
  --heading-xl-letter-spacing: 0.8px;
  --heading-xl-line-height: 120.00000476837158%;
  --heading-xl-font-style: normal;
  --heading-lg-font-family: "DM Sans", Helvetica;
  --heading-lg-font-weight: 600;
  --heading-lg-font-size: 32px;
  --heading-lg-letter-spacing: 0.64px;
  --heading-lg-line-height: 120.00000476837158%;
  --heading-lg-font-style: normal;
  --heading-md-font-family: "DM Sans", Helvetica;
  --heading-md-font-weight: 400;
  --heading-md-font-size: 24px;
  --heading-md-letter-spacing: 0.48px;
  --heading-md-line-height: 120.00000476837158%;
  --heading-md-font-style: normal;
  --heading-md-bold-font-family: "DM Sans", Helvetica;
  --heading-md-bold-font-weight: 600;
  --heading-md-bold-font-size: 24px;
  --heading-md-bold-letter-spacing: 0.48px;
  --heading-md-bold-line-height: 100%;
  --heading-md-bold-font-style: normal;

  --display-lg-font-family: "DM Sans", Helvetica;
  --display-lg-font-weight: 600;
  --display-lg-font-size: 64px;
  --display-lg-letter-spacing: 1.28px;
  --display-lg-line-height: 120.00000476837158%;
  --display-lg-font-style: normal;
  --display-md-font-family: "DM Sans", Helvetica;
  --display-md-font-weight: 600;
  --display-md-font-size: 48px;
  --display-md-letter-spacing: 0.96px;
  --display-md-line-height: 120.00000476837158%;
  --display-md-font-style: normal;

  --body-lg-bold-size: 20px;
  --body-lg-bold-weight: 600;
  --body-lg-bold-ls: 0.4px;
  --body-md-bold-size: 16px;
  --body-md-bold-weight: 600;
  --body-md-bold-ls: 0.32px;
  --body-sm-bold-size: 14px;
  --body-sm-bold-weight: 600;
  --body-sm-bold-ls: 0.28px;
  --body-xs-reg-size: 12px;
  --body-xs-reg-weight: 400;
  --body-xs-reg-ls: 0.24px;
  --body-xs-bold-size: 12px;
  --body-xs-bold-weight: 600;
  --body-xs-bold-ls: 0.24px;
  --caption-sm-reg-size: 10px;
  --caption-sm-reg-weight: 400;
  --caption-sm-reg-ls: 0.025px;
  --caption-sm-semi-size: 10px;
  --caption-sm-semi-weight: 600;
  --caption-sm-semi-ls: 0.025px;
}