:root {
  color-scheme: dark;
  --bg: #090e0b;
  --bg-2: #111a13;
  --card: #172219;
  --card-2: #1d2b20;
  --mint: #b9f5bd;
  --mint-2: #79e9a4;
  --text: #f5f5ee;
  --text-2: #a4b0a3;
  --text-3: #7f8d80;
  --line: rgba(185, 245, 189, 0.12);
  --line-2: rgba(185, 245, 189, 0.22);
  --lavender: #c9c1f5;
  --peach: #f8d9c2;
  --mint-pastel: #d3f0df;
  --cyan: #9be8f0;
  --danger: #ff9a8a;

  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --gutter: 16px;
  --header-h: 64px;
  --maxw: 1180px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --glow: 0 0 0 1px rgba(121, 233, 164, 0.35), 0 8px 30px -8px rgba(121, 233, 164, 0.35);
}

@media (min-width: 720px) {
  :root { --gutter: 28px; --header-h: 72px; }
}