/* =========================================================
   Sections Theme shared design tokens
   ========================================================= */
:root {
  --ct-primary: #022556;
  --ct-secondary: #032e6b;
  --ct-bg-primary: #011837;
  --ct-bg-secondary: #0449aa;
  --ct-burger: #e2eeff;
  --ct-burger-hover: #5abcff;
  --ct-accent: #ffe5af;
  --ct-text-primary: #f2f2f3;
  --ct-text-secondary: #65deff;
  --ct-text-default: #e2eeff;
  --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: #ffffff;
  --ct-border-default: transparent;
  --ct-grey-dark: #545468;
  --ct-red: #6c1e19;
  --ct-hero-nav: #75758a;
  --ct-header-nav: linear-gradient(
    #0076ce 0%,
    #005cb7 9%,
    #0056ac 42%,
    #04459f 71%,
    #044095 91%,
    #022a61 96%,
    #5abcff 100%
  );
  --ct-header-nav-hover: #32d3ff;
  --ct-eybrow-bg: #2b2f3d;
  --ct-scrim: linear-gradient(
    180deg,
    rgb(0 118 206 / 0.4) 0%,
    rgb(90 118 255 / 0.4) 100%
  );

  --ct-border-radius-xs: 4px;
  --ct-border-radius-sm: 6px;
  --ct-border-radius-md: 8px;
  --ct-border-radius-lg: 12px;
  --ct-border-radius-xl: 16px;

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

  --ct-auth-gradient: radial-gradient(
      47.09% 9.82% at 52.91% 100%,
      rgb(212 211 237 / 0.1) 0%,
      rgb(212 211 237 / 0) 100%
    ),
    radial-gradient(
      51.3% 72.22% at 52.91% 0%,
      rgb(255 255 255 / 0.6) 0%,
      rgb(212 211 237 / 0) 100%
    ),
    linear-gradient(180deg, rgb(105 105 129) 0%, rgb(22 28 39) 100%);
  --ct-auth-before-gradient: 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(105 105 129) 0%, rgb(53 56 72) 100%);
  --ct-auth-box-shadow: 0 -8px 20px 0 rgb(119 120 135 / 0.2),
    0 -2px 4px 0 rgb(119 120 135 / 0.15), 0 1px 10px 0 rgb(39 39 39 / 0.7);
  --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: 'Inter', sans-serif;
}