:root{
  --bg-top:    #0344AF;
  --bg-bottom: #389FF4;

  --surface:   #F8F8FB;
  --surface-2: #FFFFFF;
  --overlay:   rgba(3, 68, 175, 0.18);

  --text:      #17396B;
  --text-2:    #4B5B7A;
  --muted:     #7A8AA8;
  --link:      #1052C7;

  --border:    #D6DCE8;
  --input-bg:  #F2F5FB;
  --divider:   rgba(214, 220, 232, 0.75);

  --primary-700:#1052C7;
  --primary-600:#1B63D6;
  --primary-500:#4A7ED5;
  --primary-200:#9DB4E6;

  --success-700:#2F8F5D;
  --success-600:#459F6C;
  --success-500:#5DAC7E;

  --warning-700:#C98D4F;
  --warning-600:#DAA169;

  --danger-700:#B64056;
  --danger-600:#C94E65;

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 28px;

  --shadow-1: 0 10px 24px rgba(23, 57, 107, 0.14);
  --shadow-2: 0 12px 28px rgba(23, 57, 107, 0.18);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.7);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 40px;

  --font: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --fs-xs: 12px; --lh-xs: 16px;
  --fs-sm: 13px; --lh-sm: 18px;
  --fs-md: 15px; --lh-md: 22px;
  --fs-base:16px; --lh-base:24px;

  --fs-h3: 18px; --lh-h3: 24px;
  --fs-h2: 22px; --lh-h2: 28px;
  --fs-h1: 28px; --lh-h1: 34px;

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

  --container-max: 520px;
  --btn-h: 54px;
  --input-h: 50px;
}