:root {
  --public-bg: #f7f8fa;
  --public-surface: #ffffff;
  --public-surface-soft: #f1f3f6;
  --public-border: #dfe3e8;
  --public-border-strong: #cbd2da;

  --public-text: #16181d;
  --public-text-soft: #636b77;
  --public-text-muted: #8b939f;

  --public-blue: #2f74ff;
  --public-blue-strong: #1760ed;
  --public-blue-soft: #eaf1ff;

  --public-green: #0d9f67;
  --public-cyan: #10a5c7;

  --public-dark: #071424;
  --public-dark-surface: #0b1b2f;
  --public-dark-surface-soft: #10233a;
  --public-dark-border: #20364f;
  --public-dark-text: #f5f8fc;
  --public-dark-soft: #9aacc0;

  --public-mineral: #102a3d;
  --public-mineral-surface: #17364b;
  --public-mineral-surface-soft: #1c4057;
  --public-mineral-border: #31566d;
  --public-mineral-text: #f5f8fc;
  --public-mineral-soft: #afc1cf;

  --public-radius-sm: 9px;
  --public-radius-md: 15px;
  --public-radius-lg: 24px;
  --public-radius-xl: 34px;

  --public-shadow-sm:
    0 8px 28px rgba(17, 24, 39, 0.06);
  --public-shadow-md:
    0 24px 70px rgba(17, 24, 39, 0.10);

  --public-shell: 1240px;
}