/* SDS Apps — Radii, borders, elevation, motion.
   Honest paper feel: low, warm, soft shadows. Generous-but-not-bubbly corners. */

:root {
  /* Radii */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-2xl:  28px;
  --r-pill: 999px;

  /* Border widths */
  --bw:      1px;
  --bw-thick:2px;

  /* Elevation — warm, low-contrast paper shadows */
  --shadow-1: 0 1px 2px rgba(21, 22, 15, 0.06);
  --shadow-2: 0 2px 4px rgba(21, 22, 15, 0.06), 0 4px 12px rgba(21, 22, 15, 0.05);
  --shadow-3: 0 8px 24px rgba(21, 22, 15, 0.10), 0 2px 6px rgba(21, 22, 15, 0.06);
  --shadow-4: 0 18px 48px rgba(21, 22, 15, 0.16), 0 6px 14px rgba(21, 22, 15, 0.08);

  /* Inner accent line for pressed/inset states */
  --inset-line: inset 0 0 0 1px var(--line-1);

  /* Focus ring */
  --ring: 0 0 0 3px var(--focus-ring);

  /* Motion — quick, honest, no bounce by default */
  --ease-out:   cubic-bezier(0.2, 0.7, 0.3, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.45, 0, 0.2, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */
}

[data-theme="dark"] {
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-4: 0 18px 48px rgba(0, 0, 0, 0.6);
}