/* =========================================================
   Sections Theme shared design tokens
   ========================================================= */
:root {
  --ct-primary: #0b0a10;
  --ct-secondary: #1f222e;
  --ct-bg-primary: #303440;
  --ct-bg-secondary: #262932;
  --ct-burger: #aab1bf;
  --ct-burger-hover: #7bc823;
  --ct-accent: #7bc823;
  --ct-text-primary: #f7f7f7;
  --ct-text-secondary: #1f222e;
  --ct-text-default: #d5d7dd;
  --ct-text-stroke: 3px #004589;
  --ct-text-shadow: 0px 1px 0px #004589;
  --ct-text-shadow-styled: 3px 3px 0px #002e5b;
  --ct-text-shadow-black: 0px 1px 0px #00000040;
  --ct-white: #f1f2f4;
  --ct-border-default: #667187;
  --ct-grey-dark: #545468;
  --ct-red: #6c1e19;
  --ct-hero-nav: #262932;
  --ct-hero-nav-hover: #303440;
  --ct-header-nav: #13121c;
  --ct-header-nav-hover: #e3e5ea;
  --ct-footer-bg: #13121c;
  --ct-eybrow-bg: #2b2f3d;
  --ct-scrim: linear-gradient(
    270deg,
    rgb(31 34 46 / 0),
    rgb(31 34 46 / 0.8),
    rgb(31 34 46 / 1)
  );

  --ct-border-radius-xs: 4px;
  --ct-border-radius-sm: 6px;
  --ct-border-radius-md: 8px;
  --ct-border-radius-lg: 14px;
  --ct-border-radius-lg2: 16px;
  --ct-border-radius-xl: 18px;
  --ct-border-radius-xl2: 22px;

  --ct-font-w-sm: 400;
  --ct-font-w-md: 500;
  --ct-font-w-lg: 800;
  --ct-font-w-xl: 900;

  --ct-auth-gradient: linear-gradient(
        180deg,
        #f8f8fa 0%,
        #d4d8df 50%,
        #b8bec9 100%
      )
      padding-box,
    linear-gradient(180deg, #ffffff, #717d94 40% 60%, #ffffff) border-box;
  --ct-auth-before-gradient: linear-gradient(
        180deg,
        #ffffff 0%,
        #e3e5ea 50%,
        #c6cbd4 100%
      )
      padding-box,
    linear-gradient(180deg, #ffffff, #e3e5ea, #c6cbd4) border-box;
  --ct-auth-box-shadow: 0 1px 0px 0 #717d94;
  --ct-auth-box-shadow-hover: -7px -4px 8px 0 rgb(128 128 128 / 0.1),
    7px -4px 8px 0 rgb(128 128 128 / 0.1),
    0 -12px 25.1px 0 rgb(128 128 128 / 0.2),
    0 -2px 20px 0 rgb(204 204 204 / 0.1), 0 1px 10px 0 rgb(39 39 39 / 0.7);
  --ct-auth-gradient-hover: radial-gradient(
      89.4% 50% at 50% 0%,
      rgb(122 125 141 / 0.6) 0%,
      rgb(126 129 146 / 0) 100%
    ),
    linear-gradient(180deg, rgb(117 117 138) 0%, rgb(74 75 93) 100%);

  --transition-default: 0.2s ease;

  --ct-container: 1240px;

  --ct-font: 'Roboto Condensed', sans-serif;
}