/* OtherAI elevation, borders, motion. */
:root {
  /* Shadows — soft, neutral, never colored */
  --shadow-card: 0 1px 2px rgba(11, 11, 12, 0.06), 0 4px 12px rgba(11, 11, 12, 0.06);
  --shadow-raised: 0 2px 4px rgba(11, 11, 12, 0.08), 0 12px 32px rgba(11, 11, 12, 0.10);
  --shadow-overlay: 0 8px 16px rgba(11, 11, 12, 0.10), 0 24px 64px rgba(11, 11, 12, 0.18);

  /* Hairlines */
  --hairline: 1px solid var(--border-subtle);
  --hairline-strong: 1.5px solid var(--ink);

  /* Focus */
  --focus-outline: 2px solid var(--focus-ring);
  --focus-offset: 2px;

  /* Motion — quick, confident ease-outs. No bounces. */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 220ms; /* @kind other */
  --duration-slow: 400ms; /* @kind other */
}