/* KuduDoc v6 — shared tokens. Every v6 file (style.css, sky.css, phone.css, wall.css) uses these.
   Ramp: navy → blue → sky, with ember/amber held back for ONE phrase and the ONE seal moment. */
:root {
  /* brand ramp */
  --navy-950: #06162a;
  --navy-900: #0a2340;
  --navy: #102d49;
  --blue-700: #004e99;
  --blue: #006bcb;
  --blue-400: #2f93ea;
  --sky: #4fb3ff;
  --sky-200: #bfe3ff;
  --sky-100: #e3f2ff;
  --ice: #eef6ff;
  /* the ember family — the seal, and at most one headline phrase */
  --ember: #ff4d2b;
  --orange: #ff762b;
  --amber: #ffb347;
  --peach: #fff0e6;
  --peach-200: #ffdcc6;
  --cream: #fff7e8;
  /* grounds and ink */
  --paper: #fffdf9;        /* the document's paper */
  --ground: #f8f5ef;       /* day ground — warmer than white */
  --ground-2: #f2ede4;
  --white: #ffffff;
  --ink: #102d49;
  --ink-2: #2b4460;
  --slate: #56697f;
  --mute: #7d8b9c;
  --line: #e7e1d6;         /* warm hairline on light */
  --line-cool: #dfe6ee;
  --on-dark: #f4f8fc;
  --on-dark-2: rgba(232, 242, 252, .74);
  --on-dark-line: rgba(191, 227, 255, .18);

  /* type */
  --font-display: 'Montserrat', 'Inter', system-ui, sans-serif;  /* 600–700: real stroke mass */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-hand: 'Caveat', 'Bradley Hand', cursive;                /* signatures only */
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* radii */
  --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* shadows — layered, never one fuzzy blob */
  --sh-1: 0 1px 1px rgba(16, 45, 73, .04), 0 2px 6px rgba(16, 45, 73, .06);
  --sh-2: 0 1px 2px rgba(16, 45, 73, .06), 0 6px 16px rgba(16, 45, 73, .08), 0 18px 40px rgba(16, 45, 73, .08);
  --sh-3: 0 2px 4px rgba(6, 22, 42, .08), 0 12px 28px rgba(6, 22, 42, .14), 0 40px 80px rgba(6, 22, 42, .18);
  --sh-paper: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 1px 2px rgba(6, 22, 42, .10), 0 10px 24px rgba(6, 22, 42, .14), 0 34px 70px rgba(6, 22, 42, .22);

  /* motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --t-hover: 140ms;
  --t-in: 560ms;
  --stagger: 70ms;

  /* layers */
  --z-sky: 0; --z-content: 2; --z-doc: 6; --z-nav: 20;
}