/* Redseer borders, shadows, motion.
   The system is almost entirely shadowless: separation comes from
   1px hairlines and the F6F6F6 surface tint. */
:root{
  --border-hairline:1px solid var(--border-default); /* @kind other */
  --border-subtle-1:1px solid var(--border-subtle); /* @kind other */
  --border-rule:0.5px solid var(--grey-rule); /* @kind other */

  /* Only two shadows appear in the file, both on floating controls. */
  --shadow-none:none;
  --shadow-control:0 1px 4px rgba(0,0,0,0.10);
  --shadow-raised:0 4px 16px rgba(39,33,33,0.08);

  /* Blur is reserved for scrims over photography. */
  --blur-scrim:blur(20px); /* @kind other */

  --ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,0.2,1); /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-default:200ms; /* @kind other */
  --duration-slow:400ms; /* @kind other */

  /* Protection gradient used under hero headlines on photography */
  --gradient-hero-scrim:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.9) 100%); /* @kind other */
}