/* ==========================================================================
   律小龙 ClawLaw · design tokens
   Ink & Paper: the world is ink; the only paper-white objects are documents.
   ========================================================================== */
:root {
  color-scheme: dark;

  /* Ink — the night desk. #071020 is the brand ground. */
  --ink-0: #03070f;
  --ink-1: #071020;
  --ink-2: #0a1629;
  --ink-3: #0e1e36;
  --ink-4: #15304f;
  --ink-5: #22446c;

  /* Light on ink. All text tones pass 4.5:1 on --ink-1. */
  --text-1: #eef3fb;
  --text-2: #b9c7da;
  --text-3: #8b9db6;
  --text-4: #6a7f9c; /* decorative numerals only */

  /* Brand blue, from the official mark (#246FF1). */
  --blue: #246ff1;
  --blue-bright: #4c8bff;
  --blue-soft: #9cc1ff;
  --blue-mist: #d4e4ff;
  --blue-glow: rgba(36, 111, 241, 0.34);

  /* Paper — documents, the workbench, the name card. */
  --paper: #eef2f7;
  --paper-2: #e4eaf2;
  --paper-3: #d4dfec;
  --paper-ink: #0e1f3a;
  --paper-ink-2: #3f5576;
  --paper-ink-3: #5f7795;
  --paper-line: #cbd6e4;

  /* Hairlines */
  --hair: rgba(156, 193, 255, 0.12);
  --hair-2: rgba(156, 193, 255, 0.2);
  --hair-3: rgba(156, 193, 255, 0.34);

  /* Type. System fonts only: offline, fast, and reachable everywhere in China. */
  --serif: "Songti SC", "STSong", "Noto Serif SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", "SimSun", serif;
  --sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  --fs-display-xl: clamp(2.6rem, 1.15rem + 5.4vw, 6.4rem);
  --fs-display-l: clamp(2.15rem, 1.2rem + 3.4vw, 4.6rem);
  --fs-display-m: clamp(1.55rem, 1.05rem + 1.7vw, 2.6rem);
  --fs-lead: clamp(1.0625rem, 0.96rem + 0.42vw, 1.3125rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* Space */
  --gutter: clamp(1.25rem, 0.55rem + 3.1vw, 4rem);
  --section: clamp(6rem, 3.6rem + 8.5vw, 11.5rem);
  --header: 72px;

  /* Shape */
  --r-xs: 6px;
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 24px;
  --r-xl: 34px;

  /* Depth */
  --shadow-paper: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 22px 44px -22px rgba(1, 5, 14, 0.6), 0 3px 8px rgba(1, 5, 14, 0.22);
  --shadow-lift: 0 50px 90px -40px rgba(0, 4, 14, 0.85), 0 18px 36px -18px rgba(0, 4, 14, 0.55);
  --shadow-glow: 0 18px 40px -16px rgba(36, 111, 241, 0.75);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-soft: cubic-bezier(0.25, 0.8, 0.25, 1);
  --t-fast: 180ms;
  --t-base: 320ms;
  --t-slow: 700ms;
  --t-reveal: 1100ms;
}

@media (max-width: 779.98px) {
  :root { --header: 60px; }
}