/* DeltaSearch design tokens -------------------------------------------------- */

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

  /* light section palette */
  --bg: #ffffff;
  --bg-soft: #f6f6f8;
  --ink: #14141b;
  --body: #4b4c55;
  --muted: #8a8b94;
  --faint: #b4b5bd;
  --line: #e8e8ee;
  --line-strong: #dcdce3;

  --accent-1: #5b4ae0;
  --accent-2: #2fb7e8;
  --accent-grad: linear-gradient(120deg, #7a5cf0 0%, #3bc9f0 100%);
  --accent-soft: #f0edff;
  --ok: #22c55e;

  --nav-h: 64px;
  --container: 1120px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 22px;
  --radius-xl: 28px;

  --shadow-sm: 0 1px 2px rgba(17, 17, 26, 0.06);
  --shadow-md: 0 10px 24px -8px rgba(17, 17, 26, 0.12);
  --shadow-lg: 0 24px 60px -18px rgba(17, 17, 26, 0.2);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --type-scale-display: clamp(2.6rem, 7vw, 4.6rem);
  --type-scale-2: clamp(1.9rem, 4vw, 2.9rem);
  --type-scale-3: clamp(1.15rem, 1.6vw, 1.375rem);
}

.dark {
  --bg: #0b0b0f;
  --bg-soft: #111117;
  --ink: #f5f5f7;
  --body: #c3c4ce;
  --muted: #8a8b96;
  --faint: #5c5d66;
  --line: #212129;
  --line-strong: #2e2e38;

  --accent-1: #9a8cff;
  --accent-2: #52d2f3;
  --accent-grad: linear-gradient(120deg, #8a7cff 0%, #4cc9f0 100%);
  --accent-soft: #1b1830;
  --ok: #34d399;
}