/** Hairline-bordered panel on a near-black fill. The default surface for any grouped content.
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
  /** default = neutral-900/50 grid tile · emphasis = /80 · quiet = /40 story card · plain = no fill. */
  variant?: 'default' | 'emphasis' | 'quiet' | 'plain';
  /** Adds the top-right radial sheen used on landing story cards. */
  sheen?: boolean;
  /** Border brightens to neutral-700 on hover — use for clickable cards. */
  interactive?: boolean;
}
export function Card(props: CardProps): JSX.Element;
export function CardHeader(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
export function CardTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
export function CardDescription(props: React.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
export function CardContent(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
export function CardFooter(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;