/* Morandi low-saturation palette + design tokens */
:root {
  /* Surfaces */
  --bg: #EFEAE2;
  --bg-tint: #E8E1D6;
  --surface: #E2DBD0;
  --surface-2: #D5CDC0;
  --surface-3: #CBC2B3;

  /* Brand */
  --primary: #6B7A6E;
  --primary-deep: #4F5A52;
  --primary-soft: #97A099;
  --accent: #B89478;
  --accent-deep: #8E6E55;
  --slate: #5C6670;
  --ink: #2A2825;

  /* Text */
  --text: #2A2825;
  --text-soft: #4F4A43;
  --text-muted: #7B756B;
  --text-faint: #A39C90;
  --on-primary: #F4F0E9;

  /* Lines & shadows */
  --border: #C9C0B3;
  --border-strong: #B0A693;
  --shadow-sm: 0 1px 2px rgba(42, 40, 37, 0.04), 0 2px 6px rgba(42, 40, 37, 0.05);
  --shadow-md: 0 4px 12px rgba(42, 40, 37, 0.06), 0 12px 32px rgba(42, 40, 37, 0.08);
  --shadow-focus: 0 0 0 3px rgba(107, 122, 110, 0.25);

  /* Typography */
  --font-sans: "Inter", "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 36px;
  --fs-3xl: 48px;
  --fs-4xl: 64px;
  --fs-hero: clamp(40px, 7.2vw, 96px);

  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-base: 1.55;
  --lh-loose: 1.75;

  --tracking-tight: -0.02em;
  --tracking-base: 0;
  --tracking-wide: 0.04em;
  --tracking-mega: 0.18em;

  /* Spacing scale (balanced rhythm) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Layout */
  --sidebar-w: 264px;
  --content-max: 1180px;
  --content-pad: clamp(20px, 4vw, 64px);

  /* Geometry */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
}