:root {
  /* === CORES === */
  --navy-main:    #0E0B3D;
  --navy-dark:    #050620;
  --blue-brand:   #7BA0F6;
  --blue-cta:     #1463FF;
  --blue-accent:  #5B4CF5;

  --ice-bg:       #F4FEFF;
  --lavender:     #EEE8FF;
  --card-white:   #FCFCFF;
  --border-soft:  #D2D2DB;

  --text-primary:   #0E0B3D;
  --text-secondary: #5E5E82;
  --text-tertiary:  #7A7894;
  --text-white:     #FFFFFF;

  --success:      #04CE00;

  /* === GRADIENTES === */
  --grad-blue:    linear-gradient(135deg, #7BA0F6 0%, #1463FF 100%);
  --grad-soft:    linear-gradient(135deg, #EEE8FF 0%, #F4FEFF 100%);
  --grad-dark:    linear-gradient(160deg, #0E0B3D 0%, #050620 100%);
  --grad-hero:    linear-gradient(135deg, #5B4CF5 0%, #1463FF 100%);

  /* === TIPOGRAFIA === */
  --font-main: 'Sora', 'Plus Jakarta Sans', system-ui, sans-serif;

  --text-h1:    clamp(44px, 5.5vw, 72px);
  --text-h2:    clamp(30px, 3.5vw, 48px);
  --text-h3:    clamp(20px, 2.5vw, 30px);
  --text-h4:    clamp(17px, 1.8vw, 22px);
  --text-body:  clamp(15px, 1.1vw, 17px);
  --text-small: 13px;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;

  --lh-tight:  1.0;
  --lh-snug:   1.2;
  --lh-normal: 1.5;
  --lh-loose:  1.7;

  /* === ESPAÇAMENTO === */
  --s-4:   4px;
  --s-8:   8px;
  --s-12:  12px;
  --s-16:  16px;
  --s-24:  24px;
  --s-32:  32px;
  --s-40:  40px;
  --s-48:  48px;
  --s-64:  64px;
  --s-80:  80px;
  --s-96:  96px;
  --s-128: 128px;

  /* === RAIOS === */
  --r-sm:   14px;
  --r-md:   18px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-pill: 999px;

  /* === SOMBRAS === */
  --shadow-card:  0 8px 30px rgba(14, 11, 61, 0.06);
  --shadow-hover: 0 20px 60px rgba(14, 11, 61, 0.14);
  --shadow-cta:   0 8px 32px rgba(20, 99, 255, 0.35);
  --shadow-dark:  0 20px 60px rgba(5, 6, 32, 0.5);

  /* === TRANSIÇÕES === */
  --t-fast:   0.15s ease;
  --t-normal: 0.25s ease;
  --t-slow:   0.4s ease;
}