:root {
  /* Primary button (heat) */
  --shadow-button-primary: inset 0 -6px 12px #ff000033, 0 2px 4px #ff4d001f, 0 1px 1px #ff4d001f, 0 .5px .5px #ff4d0029, 0 .25px .25px #ff4d0033;
  --shadow-button-primary-hover: inset 0 -6px 12px #ff000033, 0 4px 8px #ff4d0029, 0 1px 1px #ff4d001f, 0 .5px .5px #ff4d0029, 0 .25px .25px #ff4d0033;
  --button-sheen: linear-gradient(#fff, #0000); /* @kind other */ /* overlay at 6% (8% hover, 0 active) */

  /* Inputs / controls */
  --shadow-inset-control: 0 6px 12px 0 #00000005 inset, 0 .75px .75px 0 #00000005 inset, 0 .25px .25px 0 #0000000a inset;
  --shadow-hairline: 0 0 0 1px var(--black-alpha-6);
  --shadow-xs: 0 1px 2px #0000000a;
  --shadow-sm: 0 1px 3px #0000000a;
  --shadow-card: 0 0 0 1px #00000008, 0 1px 2px #0000000a;
  --shadow-float: 0 20px 40px -20px var(--black-alpha-40);
  --shadow-popover: 0 24px 80px -16px #00000026;
  --shadow-focus-heat: 0 0 0 3px #fa5d1914;
  --glow-heat: 0 0 14px #fa5d198c;

  /* Motion */
  --ease-out: cubic-bezier(0, 0, .2, 1); /* @kind other */
  --ease-in-out: cubic-bezier(.4, 0, .2, 1); /* @kind other */
  --ease-standard: ease; /* @kind other */
  --duration-press: 50ms; /* @kind other */
  --duration-fast: 100ms; /* @kind other */
  --duration-base: 150ms; /* @kind other */
  --duration-slow: 200ms; /* @kind other */
  --blur-glass: 4px;
}

::selection { background-color: var(--heat-20); color: var(--heat-100); }
@keyframes fc-cursor-blink { 0%,100% { opacity: 0 } 50% { opacity: 1 } }
@keyframes fc-fade-in-up { 0% { opacity: 0; transform: translateY(10px) } 100% { opacity: 1; transform: translateY(0) } }