/* Flow Control and Coordinated Robotics Labs, UC San Diego
   Design tokens. Light, quiet, institutional. The lab mark's green is the one accent. */

@font-face { font-family: "Source Serif"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/SourceSerif-400.woff2") format("woff2"); }
@font-face { font-family: "Source Serif"; font-weight: 500; font-style: normal; font-display: swap; src: url("/assets/fonts/SourceSerif-500.woff2") format("woff2"); }
@font-face { font-family: "Source Serif"; font-weight: 600; font-style: normal; font-display: swap; src: url("/assets/fonts/SourceSerif-600.woff2") format("woff2"); }
@font-face { font-family: "Source Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/SourceSans-400.woff2") format("woff2"); }
@font-face { font-family: "Source Sans"; font-weight: 500; font-style: normal; font-display: swap; src: url("/assets/fonts/SourceSans-500.woff2") format("woff2"); }
@font-face { font-family: "Source Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("/assets/fonts/SourceSans-600.woff2") format("woff2"); }

:root {
  /* color */
  --bg: #ffffff;
  --bg-mist: #f3f5f4;
  --bg-deep: #e7ecea;
  --ink: #141a17;
  --ink-2: #3d4844;
  --ink-3: #6b7570;
  --accent: #1ba118;
  --accent-ink: #15821a;
  --accent-soft: #e4f3e3;
  --line: #d9dfdc;
  --line-strong: #b9c2be;
  --scrim: linear-gradient(180deg, rgba(10, 14, 12, 0) 35%, rgba(10, 14, 12, 0.72) 100%);

  /* type */
  --font-serif: "Source Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Source Sans", "Helvetica Neue", Arial, sans-serif;
  --fs-display: clamp(2.75rem, 6.5vw, 5.5rem);
  --fs-h2: clamp(2.125rem, 4.2vw, 3.5rem);
  --fs-h3: clamp(1.375rem, 2vw, 1.75rem);
  --fs-lede: clamp(1.25rem, 1.8vw, 1.5rem);
  --fs-body: 1.1875rem;
  --fs-small: 1rem;
  --fs-label: 0.8125rem;
  --lh-body: 1.55;

  /* space */
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-pad: clamp(4.5rem, 9vw, 8.5rem);
  --measure: 62ch;
  --content: 78rem;
  --wide: 100rem;
  --nav-h: 4.75rem;

  /* motion */
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 700ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);   /* long moves: reveals */
  --ease-sine: cubic-bezier(0.37, 0, 0.63, 1);        /* short moves: menus */
  --t-reveal: 1000ms;
}