/**
 * Lumos design tokens (Vercel-style: ink on near-white, hairlines, stacked soft shadows).
 * Legacy variable names are kept so every page and helper stylesheet keeps resolving.
 */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root {
  color-scheme: light;

  /* Surfaces */
  --ls-bg: #fafafa;
  --ls-bg-elevated: #f5f5f5;
  --ls-card: #ffffff;
  --ls-card-2: #f5f5f5;

  /* Text */
  --ls-text: #171717;
  --ls-text-lead: #171717;
  --ls-muted: #4d4d4d;
  --ls-faint: #888888;

  /* Actions */
  --ls-accent: #171717;
  --ls-accent-hover: #383838;
  --ls-accent-ink: #ffffff;
  --ls-accent-soft: #f5f5f5;
  --ls-link: #0070f3;
  --ls-link-hover: #0761d1;

  /* Semantic (status only) */
  --ls-ok: #0070f3;
  --ls-warn: #ab570a;
  --ls-warn-soft: #ffefcf;
  --ls-danger: #c50000;
  --ls-code: #171717;

  /* Lines */
  --ls-border: #ebebeb;
  --ls-border-strong: #a1a1a1;
  --ls-glow: transparent;
  --ls-ring: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --ls-lift: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.04);

  /* Layout */
  --ls-wrap: 760px;
  --ls-wrap-wide: 1120px;
  --ls-radius: 8px;
  --ls-radius-sm: 6px;
  --ls-radius-pill: 999px;
  --ls-space-1: 4px;
  --ls-space-2: 8px;
  --ls-space-3: 12px;
  --ls-space-4: 16px;
  --ls-space-5: 24px;
  --ls-space-6: 40px;
  --ls-safe-bottom: env(safe-area-inset-bottom, 0px);

  /* Type */
  --ls-font: "Geist", "Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif;
  --ls-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ls-lh: 1.65;
  --ls-lh-tight: 1.25;

  /* Motion */
  --ls-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ls-duration: 120ms;

  /* Z */
  --ls-z-nav: 40;
  --ls-z-sticky: 50;
  --ls-z-skip: 100;
}